/* ========================================================================== 
   TINV / SABA ICT — Sitewide Unified Experience Layer
   Brings legacy Bootstrap/UIkit/Tailwind-driven public views into the
   Pro Max design system without touching business logic.
   ========================================================================== */
:root {
  --u-bg:#f7f5f6;
  --u-surface:#ffffff;
  --u-surface-2:#f0edef;
  --u-surface-3:#e9e5e8;
  --u-text:#211a23;
  --u-muted:#6e626f;
  --u-subtle:#918794;
  --u-border:rgba(33,26,35,.13);
  --u-border-strong:rgba(33,26,35,.23);
  --u-purple:#a03890;
  --u-purple-strong:#7f286f;
  --u-green:#58a840;
  --u-green-strong:#3c862c;
  --u-danger:#b64050;
  --u-warning:#b07021;
  --u-shadow:0 22px 64px rgba(49,31,49,.08);
  --u-shadow-hover:0 28px 82px rgba(49,31,49,.13);
  --u-radius:4px;
  --u-ease:cubic-bezier(.2,.8,.2,1);
}
html[data-theme="dark"] {
  --u-bg:#0e0b10;
  --u-surface:#151118;
  --u-surface-2:#1b161e;
  --u-surface-3:#241c26;
  --u-text:#f5f2f5;
  --u-muted:#b1a6b3;
  --u-subtle:#887b8b;
  --u-border:rgba(255,255,255,.105);
  --u-border-strong:rgba(255,255,255,.2);
  --u-purple:#c45ab3;
  --u-purple-strong:#d875c9;
  --u-green:#79bd5c;
  --u-green-strong:#8fce73;
  --u-danger:#ed7180;
  --u-warning:#e0a055;
  --u-shadow:0 24px 74px rgba(0,0,0,.28);
  --u-shadow-hover:0 32px 100px rgba(0,0,0,.42);
}

/* Critical Light mode contrast fix for the screenshot-reported journal state. */
.tinv-journal-row:hover h3,
.tinv-journal-row:focus-visible h3,
.tinv-journal-row:hover small,
.tinv-journal-row:hover time,
.tinv-journal-row:hover > span,
.tinv-journal-row:focus-visible small,
.tinv-journal-row:focus-visible time,
.tinv-journal-row:focus-visible > span { color:#f7f5f7 !important; }
html[data-theme="light"] .tinv-journal-row::before { background:linear-gradient(100deg,#2a1128 0%,#151c18 100%); }
html[data-theme="light"] .tinv-journal-row:hover,
html[data-theme="light"] .tinv-journal-row:focus-visible { color:#fff !important; }
html[data-theme="dark"] .tinv-journal { background:#141016; color:var(--u-text); }
html[data-theme="dark"] .tinv-journal__head,
html[data-theme="dark"] .tinv-journal__list,
html[data-theme="dark"] .tinv-journal-row { border-color:var(--u-border); }
html[data-theme="dark"] .tinv-journal__head p,
html[data-theme="dark"] .tinv-journal-row > span,
html[data-theme="dark"] .tinv-journal-row small,
html[data-theme="dark"] .tinv-journal-row time { color:var(--u-muted); }
html[data-theme="dark"] .tinv-journal-row h3 { color:var(--u-text); }
html[data-theme="dark"] .tinv-journal-row::before { background:linear-gradient(100deg,#a03890,#3c6e35); }

/* Archive and article surfaces must obey the selected theme, not a hard scene. */
html[data-theme="dark"] .tinv-archive,
html[data-theme="dark"] .tinv-article { background:var(--u-bg); color:var(--u-text); }
html[data-theme="dark"] .tinv-archive-card.is-large { border-color:var(--u-border); }
html[data-theme="dark"] .tinv-archive-card__body h2 a,
html[data-theme="dark"] .tinv-prose__content,
html[data-theme="dark"] .tinv-prose__content h1,
html[data-theme="dark"] .tinv-prose__content h2,
html[data-theme="dark"] .tinv-prose__content h3,
html[data-theme="dark"] .tinv-prose__content h4,
html[data-theme="dark"] .tinv-article__aside > div a { color:var(--u-text); }
html[data-theme="dark"] .tinv-archive-card__body p,
html[data-theme="dark"] .tinv-page-aside p { color:var(--u-muted); }
html[data-theme="dark"] .tinv-article__aside,
html[data-theme="dark"] .tinv-page-aside,
html[data-theme="dark"] .tinv-prose__content blockquote { background:var(--u-surface); border-color:var(--u-border); }
html[data-theme="dark"] .tinv-prose__content th,
html[data-theme="dark"] .tinv-prose__content td,
html[data-theme="dark"] .tinv-prose__share,
html[data-theme="dark"] .tinv-article__aside > div,
html[data-theme="dark"] .tinv-article__aside > div a { border-color:var(--u-border); }

/* --------------------------------------------------------------------------
   Shared shell for all previously legacy public pages
   -------------------------------------------------------------------------- */
body.tinv-legacy-page,
body.tinv-auth-page,
body.tinv-account-page,
body.tinv-shop-page,
body.tinv-preview-page {
  margin:0;
  min-height:100vh;
  background:var(--u-bg) !important;
  color:var(--u-text) !important;
  font-family:"Arad",sans-serif !important;
  font-size:15px;
  line-height:1.85;
  transition:background-color .35s ease,color .35s ease;
}
body.tinv-legacy-page main,
body.tinv-auth-page main,
body.tinv-account-page main,
body.tinv-shop-page main { display:block; }
.tinv-legacy-shell { width:min(1280px,calc(100% - 44px)); margin:0 auto; padding:150px 0 96px; }
.tinv-legacy-shell--compact { width:min(920px,calc(100% - 44px)); }
.tinv-legacy-shell--wide { width:min(1450px,calc(100% - 40px)); }
.tinv-legacy-stack { display:grid; gap:24px; }
.tinv-legacy-grid { display:grid; grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:28px; align-items:start; }
.tinv-legacy-grid--reverse { grid-template-columns:minmax(0,1fr) minmax(220px,300px); }

/* Page heading / human editorial language */
.tinv-mini-hero { position:relative; overflow:hidden; padding:154px 0 70px; border-bottom:1px solid var(--u-border); background:var(--u-bg); }
.tinv-mini-hero::before { content:""; position:absolute; width:470px; height:470px; left:-170px; top:-220px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--u-purple) 18%,transparent),transparent 67%); pointer-events:none; }
.tinv-mini-hero::after { content:""; position:absolute; width:360px; height:360px; right:-120px; bottom:-230px; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--u-green) 15%,transparent),transparent 68%); pointer-events:none; }
.tinv-mini-hero__inner { position:relative; z-index:1; width:min(1280px,calc(100% - 44px)); margin:auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,.45fr); gap:40px; align-items:end; }
.tinv-mini-hero__meta { display:flex; align-items:center; gap:10px; margin-bottom:18px; color:var(--u-purple); font:700 11px/1.5 "Arad",sans-serif; }
.tinv-mini-hero__meta::after { content:""; width:54px; height:1px; background:currentColor; opacity:.5; }
.tinv-mini-hero h1 { margin:0; color:var(--u-text); font-family:"Arad",sans-serif; font-size:clamp(38px,5vw,76px); line-height:1.25; font-weight:700; letter-spacing:-.035em; }
.tinv-mini-hero p { margin:0; color:var(--u-muted); font-size:14px; line-height:2; max-width:480px; }
.tinv-mini-hero__crumbs { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; color:var(--u-subtle); font-size:12px; }
.tinv-mini-hero__crumbs a { color:inherit; text-decoration:none; }
.tinv-mini-hero__crumbs a:hover { color:var(--u-purple); }

/* Universal card system */
.tinv-legacy-card,
body.tinv-legacy-page .card,
body.tinv-legacy-page .uk-card,
body.tinv-auth-page form,
body.tinv-account-page .bg-white,
body.tinv-account-page .bg-gray-50,
body.tinv-shop-page .bg-white,
body.tinv-shop-page .bg-gray-50,
body.tinv-shop-page .bg-gray-100,
body.tinv-preview-page .bg-white,
body.tinv-preview-page .bg-gray-50 {
  background:var(--u-surface) !important;
  color:var(--u-text) !important;
  border:1px solid var(--u-border) !important;
  border-radius:var(--u-radius) !important;
  box-shadow:none !important;
}
.tinv-legacy-card { padding:24px; }
.tinv-legacy-card--soft { background:var(--u-surface-2) !important; }
.tinv-legacy-card:hover,
body.tinv-legacy-page .uk-card-hover:hover { border-color:var(--u-border-strong) !important; box-shadow:var(--u-shadow) !important; transform:translateY(-2px); }

/* Strict geometry: rectangular UI <= 4px. */
body.tinv-legacy-page :is(.card,.uk-card,.uk-button,.btn,.form-control,.uk-input,.uk-select,.uk-textarea,input,select,textarea,.badge,.uk-badge,.alert,.dropdown-menu,.rounded,.rounded-sm,.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl),
body.tinv-auth-page :is(form,input,select,textarea,button,a[class*="rounded"],div[class*="rounded"]),
body.tinv-account-page :is(input,select,textarea,button,.rounded,.rounded-md,.rounded-lg,.rounded-xl,.bg-white,.bg-gray-50,.bg-gray-100),
body.tinv-shop-page :is(input,select,textarea,button,.rounded,.rounded-md,.rounded-lg,.rounded-xl,.bg-white,.bg-gray-50,.bg-gray-100),
body.tinv-preview-page :is(input,select,textarea,button,.rounded,.rounded-md,.rounded-lg,.rounded-xl,img) { border-radius:4px !important; }
/* intentional circles only */
body :is(.rounded-circle,.uk-border-circle,.tinv-status-dot,.tinv-avatar,[class*="avatar"] img) { border-radius:50% !important; }

/* Typography and color compatibility */
body.tinv-legacy-page :is(h1,h2,h3,h4,h5,h6),
body.tinv-auth-page :is(h1,h2,h3,h4,h5,h6),
body.tinv-account-page :is(h1,h2,h3,h4,h5,h6),
body.tinv-shop-page :is(h1,h2,h3,h4,h5,h6) { color:var(--u-text) !important; font-family:"Arad",sans-serif; letter-spacing:-.02em; }
body.tinv-legacy-page :is(.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-muted,.uk-text-meta),
body.tinv-auth-page :is(.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-muted),
body.tinv-account-page :is(.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-muted),
body.tinv-shop-page :is(.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-muted) { color:var(--u-muted) !important; }
html[data-theme="dark"] body :is(.text-gray-800,.text-gray-900) { color:var(--u-text) !important; }
body.tinv-legacy-page a:not(.tinv-button),
body.tinv-auth-page a:not(.tinv-button),
body.tinv-account-page a:not(.tinv-button),
body.tinv-shop-page a:not(.tinv-button) { color:inherit; }

/* Forms */
body.tinv-legacy-page :is(input,select,textarea,.form-control,.uk-input,.uk-select,.uk-textarea),
body.tinv-auth-page :is(input,select,textarea),
body.tinv-account-page :is(input,select,textarea),
body.tinv-shop-page :is(input,select,textarea) {
  min-height:48px;
  width:100%;
  background:var(--u-surface-2) !important;
  color:var(--u-text) !important;
  border:1px solid var(--u-border) !important;
  outline:none !important;
  box-shadow:none !important;
  padding:10px 13px !important;
  transition:border-color .25s,background-color .25s,box-shadow .25s;
}
body :is(textarea,.uk-textarea) { min-height:120px; resize:vertical; }
body :is(input,textarea)::placeholder { color:var(--u-subtle) !important; opacity:1; }
body :is(input,select,textarea):focus { border-color:var(--u-purple) !important; box-shadow:0 0 0 3px color-mix(in srgb,var(--u-purple) 13%,transparent) !important; }
body label,.uk-form-label { color:var(--u-muted) !important; font-size:13px; font-weight:600; }

/* Buttons / links */
.tinv-legacy-button,
body.tinv-legacy-page :is(.uk-button-primary,.cm-btn,.btn-primary),
body.tinv-auth-page :is(button[type="submit"],.bg-gray-600),
body.tinv-account-page :is(button[type="submit"],.bg-blue-400,.bg-green-500,.bg-gray-600),
body.tinv-shop-page :is(button[type="submit"],.site-btn,.place-btn,.bg-green-500,.bg-gray-600) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:9px 18px !important;
  border:1px solid color-mix(in srgb,var(--u-purple) 65%,transparent) !important;
  border-radius:4px !important;
  background:var(--u-purple) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
  cursor:pointer;
  transition:transform .25s var(--u-ease),background .25s,border-color .25s;
}
.tinv-legacy-button:hover,
body :is(.uk-button-primary,.cm-btn,.btn-primary,button[type="submit"]):hover { transform:translateY(-1px); background:var(--u-purple-strong) !important; }
.tinv-legacy-button--ghost { background:transparent !important; color:var(--u-text) !important; border-color:var(--u-border-strong) !important; }
.tinv-legacy-button--green { background:var(--u-green) !important; border-color:var(--u-green) !important; }

/* Product/catalog */
.tinv-catalog { padding:72px 0 110px; background:var(--u-bg); }
.tinv-catalog__inner { width:min(1280px,calc(100% - 44px)); margin:auto; display:grid; grid-template-columns:250px minmax(0,1fr); gap:34px; align-items:start; }
.tinv-catalog__sidebar { position:sticky; top:108px; display:grid; gap:16px; }
.tinv-catalog__main { min-width:0; }
.tinv-catalog__toolbar { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:24px; padding-bottom:18px; border-bottom:1px solid var(--u-border); }
.tinv-catalog__toolbar p { margin:0; color:var(--u-muted); }
.tinv-catalog__toolbar select { width:auto; min-width:190px; }
.tinv-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.tinv-product-card { position:relative; display:flex; flex-direction:column; min-width:0; overflow:hidden; background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; transition:transform .35s var(--u-ease),border-color .35s,box-shadow .35s; }
.tinv-product-card:hover { transform:translateY(-4px); border-color:var(--u-border-strong); box-shadow:var(--u-shadow); }
.tinv-product-card__media { position:relative; display:grid; place-items:center; min-height:280px; padding:28px; background:var(--u-surface-2); overflow:hidden; }
.tinv-product-card__media img { width:100%; height:240px; object-fit:contain; transition:transform .6s var(--u-ease); }
.tinv-product-card:hover .tinv-product-card__media img { transform:scale(1.035); }
.tinv-product-card__wish { position:absolute; top:12px; left:12px; width:38px; height:38px; display:grid; place-items:center; background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; text-decoration:none; }
.tinv-product-card__discount { position:absolute; top:12px; right:12px; padding:7px 9px; background:var(--u-green); color:#fff; border-radius:4px; font:700 11px/1 "Arad",sans-serif; }
.tinv-product-card__body { padding:18px; }
.tinv-product-card__body h3 { min-height:62px; margin:0; font-size:18px; line-height:1.75; }
.tinv-product-card__price { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin-top:14px; color:var(--u-purple); font-size:15px; font-weight:800; }
.tinv-product-card__price del { color:var(--u-subtle); font-size:12px; font-weight:500; }
.tinv-product-card__stock--out { color:var(--u-warning); }

/* Editorial lists used by category/tag/search */
.tinv-content-list { display:grid; gap:14px; }
.tinv-content-card { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:205px; overflow:hidden; background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; text-decoration:none; transition:transform .3s var(--u-ease),border-color .3s,box-shadow .3s; }
.tinv-content-card:hover { transform:translateY(-3px); border-color:var(--u-border-strong); box-shadow:var(--u-shadow); }
.tinv-content-card__media { background:var(--u-surface-2); overflow:hidden; }
.tinv-content-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .55s var(--u-ease); }
.tinv-content-card:hover img { transform:scale(1.035); }
.tinv-content-card__body { padding:24px; display:flex; flex-direction:column; justify-content:center; }
.tinv-content-card__body h3 { margin:0; font-size:24px; line-height:1.55; }
.tinv-content-card__meta { display:flex; flex-wrap:wrap; gap:12px; margin-top:10px; color:var(--u-subtle); font-size:11px; }
.tinv-content-card__excerpt { margin:16px 0 0; color:var(--u-muted); font-size:13px; line-height:2; }
.tinv-content-card__more { margin-top:16px; color:var(--u-purple); font-weight:700; font-size:12px; }

/* Sidebars */
.tinv-sidebar-panel,#sidebar-cats,#sidebar-last,#sidebar-attr { background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; overflow:hidden; }
.tinv-sidebar-panel__title,#sidebar-cats .uk-card-title,#sidebar-last .uk-card-title,#sidebar-attr .uk-card-title { margin:0 !important; padding:15px 16px !important; background:var(--u-surface-2) !important; color:var(--u-text) !important; font-size:15px !important; }
#sidebar-cats ul,#sidebar-last ul { margin:0; padding:8px 12px !important; list-style:none; }
#sidebar-cats li,#sidebar-last li { border-bottom:1px solid var(--u-border); }
#sidebar-cats li:last-child,#sidebar-last li:last-child { border-bottom:0; }
#sidebar-cats a,#sidebar-last a { display:flex; align-items:center; gap:9px; padding:11px 2px; color:var(--u-muted) !important; text-decoration:none; font-size:13px !important; }
#sidebar-cats a:hover,#sidebar-last a:hover { color:var(--u-purple) !important; }

/* Search */
.tinv-search-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.tinv-search-card { display:block; min-height:150px; padding:18px; background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; text-decoration:none; transition:transform .28s var(--u-ease),border-color .28s; }
.tinv-search-card:hover { transform:translateY(-2px); border-color:var(--u-purple); }
.tinv-search-card img { width:100%; height:130px; object-fit:cover; margin-bottom:14px; border-radius:4px; }
.tinv-search-card h3 { margin:0; font-size:17px; line-height:1.7; }
.tinv-search-card time { display:block; margin-top:10px; color:var(--u-subtle); font-size:11px; }

/* Contact */
.tinv-contact { padding:72px 0 110px; }
.tinv-contact__inner { width:min(1180px,calc(100% - 44px)); margin:auto; display:grid; grid-template-columns:.82fr 1.18fr; gap:18px; }
.tinv-contact__info,.tinv-contact__form { background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; padding:30px; }
.tinv-contact__info h2,.tinv-contact__form h2 { margin:0 0 14px; font-size:30px; }
.tinv-contact__intro { margin:0 0 28px; color:var(--u-muted); }
.tinv-contact__items { display:grid; gap:1px; background:var(--u-border); border:1px solid var(--u-border); }
.tinv-contact__item { background:var(--u-surface); padding:18px; }
.tinv-contact__item span { display:block; color:var(--u-subtle); font-size:11px; }
.tinv-contact__item strong,.tinv-contact__item a { display:block; margin-top:5px; color:var(--u-text); text-decoration:none; font-size:14px; line-height:1.9; }
.tinv-contact__fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
.tinv-contact__field--wide { grid-column:1/-1; }
.tinv-contact__field label { display:block; margin-bottom:6px; }
.tinv-contact__actions { margin-top:18px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.tinv-contact__hint { color:var(--u-subtle); font-size:11px; }

/* About */
.tinv-about-story { padding:72px 0 110px; }
.tinv-about-story__inner { width:min(1180px,calc(100% - 44px)); margin:auto; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:60px; }
.tinv-about-story__content { color:var(--u-muted); font-size:15px; line-height:2.2; }
.tinv-about-story__content :is(h1,h2,h3) { margin:1.4em 0 .55em; }
.tinv-about-story__aside { position:sticky; top:120px; align-self:start; padding:24px; background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; }

/* Auth/account */
body.tinv-auth-page > .tinv-auth-shell { width:min(520px,calc(100% - 32px)); min-height:calc(100vh - 160px); margin:auto; padding:150px 0 80px; }
body.tinv-auth-page x-auth-card, body.tinv-auth-page [class*="auth-card"] { display:block; }
body.tinv-auth-page form { padding:28px !important; }
body.tinv-auth-page form > div + div { margin-top:17px !important; }
body.tinv-account-page .tinv-account-shell { width:min(1280px,calc(100% - 36px)); margin:auto; padding:145px 0 90px; }
body.tinv-account-page .tinv-account-grid { display:grid; grid-template-columns:260px minmax(0,1fr); gap:22px; }
body.tinv-account-page .tinv-account-main { min-width:0; }
body.tinv-account-page table { width:100%; border-collapse:collapse; color:var(--u-text); }
body.tinv-account-page th,body.tinv-account-page td { padding:12px; border:1px solid var(--u-border); }

/* Shop */
body.tinv-shop-page .tinv-shop-shell { width:min(1280px,calc(100% - 36px)); min-height:650px; margin:auto; padding:145px 0 90px; }
body.tinv-shop-page hr { border-color:var(--u-border); opacity:1; }
body.tinv-shop-page :is(.border-gray-100,.border-gray-200,.border-gray-300,.border-gray-400) { border-color:var(--u-border) !important; }
body.tinv-account-page :is(.border-gray-100,.border-gray-200,.border-gray-300,.border-gray-400),
body.tinv-auth-page :is(.border-gray-100,.border-gray-200,.border-gray-300,.border-gray-400) { border-color:var(--u-border) !important; }
html[data-theme="dark"] body.tinv-shop-page :is(.bg-green-50,.bg-blue-50,.bg-orange-50,.bg-red-50),
html[data-theme="dark"] body.tinv-account-page :is(.bg-green-50,.bg-blue-50,.bg-orange-50,.bg-red-50),
html[data-theme="dark"] body.tinv-auth-page :is(.bg-green-50,.bg-blue-50,.bg-orange-50,.bg-red-50) { background:var(--u-surface-2) !important; }

/* Pagination */
.tinv-pagination nav > div:first-child { color:var(--u-muted); }
.tinv-pagination a,.tinv-pagination span,.pagination a,.pagination span { border-radius:4px !important; }

/* Alerts */
.alert,.tinv-alert,[role="alert"] { border-radius:4px !important; }

/* Print invoice keeps document semantics and ignores theme chrome. */
body.tinv-print-page { background:#fff !important; color:#111 !important; font-family:"Arad",sans-serif !important; }
@media print {
  body.tinv-print-page { background:#fff !important; color:#000 !important; }
  body.tinv-print-page * { color:#000 !important; box-shadow:none !important; }
}

@media (max-width:1080px) {
  .tinv-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tinv-mini-hero__inner { grid-template-columns:1fr; }
  .tinv-contact__inner,.tinv-about-story__inner { grid-template-columns:1fr; }
  .tinv-about-story__aside { position:static; }
}
@media (max-width:860px) {
  .tinv-legacy-grid,.tinv-legacy-grid--reverse,.tinv-catalog__inner,body.tinv-account-page .tinv-account-grid { grid-template-columns:1fr; }
  .tinv-catalog__sidebar { position:static; order:2; }
  .tinv-content-card { grid-template-columns:150px minmax(0,1fr); }
  .tinv-search-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .tinv-legacy-shell,.tinv-mini-hero__inner,.tinv-catalog__inner,.tinv-contact__inner,.tinv-about-story__inner { width:min(100% - 24px,1280px); }
  .tinv-mini-hero { padding:125px 0 48px; }
  .tinv-mini-hero h1 { font-size:clamp(34px,11vw,54px); }
  .tinv-catalog,.tinv-contact,.tinv-about-story { padding:46px 0 74px; }
  .tinv-product-grid,.tinv-search-grid { grid-template-columns:1fr; }
  .tinv-product-card__media { min-height:230px; }
  .tinv-content-card { grid-template-columns:1fr; }
  .tinv-content-card__media { height:180px; }
  .tinv-contact__fields { grid-template-columns:1fr; }
  .tinv-contact__field--wide { grid-column:auto; }
  .tinv-catalog__toolbar { align-items:stretch; flex-direction:column; }
  .tinv-catalog__toolbar select { width:100%; }
}

/* Legacy islands that render inside the modern <x-tinv::layout.app> shell
   (product detail, comments, share blocks and old utility components). */
.tinv-main :is(.uk-section-default,#main) { background:var(--u-bg) !important; color:var(--u-text) !important; }
.tinv-main #breadcrumb { padding-top:112px; background:var(--u-bg); }
.tinv-main #breadcrumb .uk-section-default { padding:16px 0 !important; }
.tinv-main #breadcrumb :is(.uk-container,.uk-container-xlarge) { width:min(1280px,calc(100% - 44px)); margin:auto; background:transparent !important; border:0 !important; padding:0 !important; }
.tinv-main #breadcrumb .uk-breadcrumb { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:8px; margin:0; padding:0; list-style:none; color:var(--u-muted); font-size:12px; }
.tinv-main #breadcrumb .uk-breadcrumb > * > * { color:inherit !important; text-decoration:none; }
.tinv-main #main > .uk-section-default { padding:54px 0 100px !important; }
.tinv-main #main :is(.uk-container,.uk-container-large,.uk-container-xlarge) { width:min(1280px,calc(100% - 44px)); margin:auto; }
.tinv-main :is(.uk-card,.bg-white,.bg-gray-50,.bg-gray-100) { background:var(--u-surface) !important; color:var(--u-text) !important; border-color:var(--u-border) !important; border-radius:4px !important; box-shadow:none !important; }
.tinv-main :is(.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.uk-text-muted,.uk-text-meta) { color:var(--u-muted) !important; }
html[data-theme="dark"] .tinv-main :is(.text-gray-800,.text-gray-900,.uk-text-secondary) { color:var(--u-text) !important; }
.tinv-main :is(.border-gray-100,.border-gray-200,.border-gray-300,.border-gray-400) { border-color:var(--u-border) !important; }
.tinv-main :is(.uk-input,.uk-select,.uk-textarea,.form-control,input,select,textarea) { background:var(--u-surface-2) !important; color:var(--u-text) !important; border:1px solid var(--u-border) !important; border-radius:4px !important; box-shadow:none !important; }
.tinv-main :is(.uk-button,.uk-icon-button,.rounded,.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl,.uk-border-rounded) { border-radius:4px !important; }
.tinv-main #product-gallery { border:1px solid var(--u-border) !important; background:var(--u-surface); border-radius:4px; padding:14px; }
.tinv-main #product-gallery a[style*="border"] { border:1px solid var(--u-border) !important; border-radius:4px; overflow:hidden; }
.tinv-main #product-primary { padding-inline:10px; }
.tinv-main #product-primary .uk-article-title { color:var(--u-text) !important; font-family:"Arad",sans-serif; line-height:1.55; }
.tinv-main #product-primary hr { border:0; border-top:1px solid var(--u-border); margin:24px 0; }
.tinv-main #product-primary .uk-list li { color:var(--u-muted); margin-block:7px; }
.tinv-main #product-primary ins { color:var(--u-purple) !important; text-decoration:none; }
.tinv-main #product-primary del { color:var(--u-subtle) !important; }
.tinv-main #product-primary .uk-article-meta { color:var(--u-subtle) !important; }
.tinv-main #product-primary .uk-article-meta a { color:var(--u-muted) !important; }
.tinv-main #product-primary :is(h2,h3,h4,h5) { color:var(--u-text) !important; }
.tinv-main .uk-tab::before { border-color:var(--u-border) !important; }
.tinv-main .uk-tab > * > a { color:var(--u-muted) !important; border-color:transparent; }
.tinv-main .uk-tab > .uk-active > a { color:var(--u-purple) !important; border-color:var(--u-purple) !important; }
.tinv-main .uk-comment { background:var(--u-surface) !important; border:1px solid var(--u-border) !important; border-radius:4px !important; color:var(--u-text) !important; }
.tinv-main .uk-comment-body { color:var(--u-muted); }
.tinv-main .uk-comment-title a { color:var(--u-text) !important; }
.tinv-main form[class*="bg-gray"] { background:var(--u-surface) !important; border-color:var(--u-border) !important; border-radius:4px; }
@media (max-width:640px){
  .tinv-main #breadcrumb :is(.uk-container,.uk-container-xlarge),.tinv-main #main :is(.uk-container,.uk-container-large,.uk-container-xlarge){width:calc(100% - 24px)}
}

/* ========================================================================== 
   Sitewide completion pass — compare, Mazinoor, errors and legacy islands
   ========================================================================== */
.tinv-empty-state {
  width:min(860px,100%);
  margin:42px auto 100px;
  padding:42px;
  background:var(--u-surface);
  border:1px solid var(--u-border);
  border-radius:4px;
  text-align:center;
}
.tinv-empty-state--compact { margin:18px 0 0; padding:22px; }
.tinv-empty-state__index { display:block; margin-bottom:12px; color:var(--u-purple); font:700 12px/1 "Arad",sans-serif; }
.tinv-empty-state h2 { margin:0; font-size:clamp(25px,3vw,40px); line-height:1.55; }
.tinv-empty-state p { max-width:650px; margin:14px auto 24px; color:var(--u-muted); line-height:2; }

.tinv-compare { padding:44px 0 110px; }
.tinv-compare__products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.tinv-compare-product { position:relative; min-width:0; padding:14px; background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; }
.tinv-compare-product__remove { position:absolute; inset:10px 10px auto auto; z-index:2; width:34px; height:34px; padding:0 !important; border:1px solid var(--u-border) !important; border-radius:4px !important; background:color-mix(in srgb,var(--u-surface) 88%,transparent) !important; color:var(--u-muted) !important; font:700 20px/1 sans-serif; cursor:pointer; backdrop-filter:blur(12px); }
.tinv-compare-product__remove:hover { color:#fff !important; border-color:var(--u-warning) !important; background:var(--u-warning) !important; }
.tinv-compare-product__media { display:grid; place-items:center; aspect-ratio:4/3; margin-bottom:18px; padding:18px; background:var(--u-surface-2); border:1px solid var(--u-border); border-radius:4px; overflow:hidden; }
.tinv-compare-product__media img { width:100%; height:100%; object-fit:contain; }
.tinv-compare-product h2 { margin:7px 0 0; font-size:18px; line-height:1.75; }
.tinv-compare-product__price { margin:12px 0 0; color:var(--u-purple); font-weight:800; }
.tinv-compare-table-wrap { margin-top:16px; overflow:auto; background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; }
.tinv-compare-table { width:100%; min-width:760px; border-collapse:collapse; }
.tinv-compare-table :is(th,td) { padding:17px 18px; border-left:1px solid var(--u-border); border-bottom:1px solid var(--u-border); text-align:right; vertical-align:middle; }
.tinv-compare-table tr:last-child :is(th,td) { border-bottom:0; }
.tinv-compare-table :is(th,td):last-child { border-left:0; }
.tinv-compare-table thead th { position:sticky; top:0; z-index:1; background:var(--u-surface-2); color:var(--u-text); font-size:13px; }
.tinv-compare-table tbody th { min-width:180px; background:color-mix(in srgb,var(--u-surface-2) 78%,transparent); color:var(--u-muted); font-size:12px; }
.tinv-compare-table td { color:var(--u-text); font-size:13px; line-height:1.8; }

/* External Mazinoor catalogue uses the same frame without hiding its data model. */
body.tinv-legacy-page .tinv-legacy-shell--wide { padding-top:142px !important; padding-bottom:96px !important; }
body.tinv-legacy-page :is(.rounded-xl,.rounded-lg,.rounded-md,.rounded) { border-radius:4px !important; }
body.tinv-legacy-page :is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200) { background:var(--u-surface) !important; color:var(--u-text) !important; }
body.tinv-legacy-page :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800) { color:var(--u-muted) !important; }
body.tinv-legacy-page :is(.border-gray-100,.border-gray-200,.border-gray-300,.border-gray-400) { border-color:var(--u-border) !important; }
body.tinv-legacy-page .shadow-sm,body.tinv-legacy-page .shadow,body.tinv-legacy-page .shadow-md { box-shadow:none !important; }
body.tinv-legacy-page .hover\:bg-gray-200:hover,body.tinv-legacy-page .hover\:bg-white:hover { background:var(--u-surface-2) !important; }
body.tinv-legacy-page .text-blue-800,body.tinv-legacy-page .text-blue-500 { color:var(--u-purple) !important; }
body.tinv-legacy-page .bg-blue-500,body.tinv-legacy-page .bg-blue-600 { background:var(--u-purple) !important; }
body.tinv-legacy-page .bg-green-600,body.tinv-legacy-page .bg-green-500 { background:var(--u-green) !important; }
body.tinv-legacy-page .border-blue-300,body.tinv-legacy-page .border-blue-500,body.tinv-legacy-page .hover\:border-blue-800:hover { border-color:var(--u-purple) !important; }
body.tinv-legacy-page .splide__slide > a > div,body.tinv-legacy-page a.relative > div { transition:transform .3s var(--u-ease),border-color .3s,background .3s; }
body.tinv-legacy-page .splide__slide > a:hover > div,body.tinv-legacy-page a.relative:hover > div { transform:translateY(-3px); border-color:var(--u-border-strong) !important; }

/* Auth / account / shop: neutralize old utility colors in both themes. */
body.tinv-auth-page :is(.bg-white,.bg-gray-50,.bg-gray-100),
body.tinv-account-page :is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200),
body.tinv-shop-page :is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200) { background:var(--u-surface) !important; color:var(--u-text) !important; }
body.tinv-auth-page :is(.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900),
body.tinv-account-page :is(.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900),
body.tinv-shop-page :is(.text-gray-300,.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-gray-900) { color:var(--u-muted) !important; }
body.tinv-auth-page :is(h1,h2,h3,h4,h5,strong,.font-bold,.font-extrabold),
body.tinv-account-page :is(h1,h2,h3,h4,h5,strong,.font-bold,.font-extrabold),
body.tinv-shop-page :is(h1,h2,h3,h4,h5,strong,.font-bold,.font-extrabold) { color:var(--u-text); }
body.tinv-auth-page a,body.tinv-account-page a,body.tinv-shop-page a { text-underline-offset:3px; }
body.tinv-account-page aside,body.tinv-account-page nav[class*="bg-"],body.tinv-shop-page [class*="shadow"] { border-radius:4px !important; }
html[data-theme="light"] body.tinv-shop-page .bg-black { background:#241823 !important; }
html[data-theme="dark"] body.tinv-shop-page .bg-black { background:#f4eff4 !important; color:#181219 !important; }

/* Error documents share the exact same theme tokens and local typography. */
body.tinv-error-page { min-height:100vh; margin:0; background:var(--u-bg); color:var(--u-text); }
.tinv-error-shell { min-height:100vh; display:grid; place-items:center; width:min(1040px,calc(100% - 32px)); margin:auto; padding:40px 0; }
.tinv-error-card { width:100%; display:grid; grid-template-columns:180px minmax(0,1fr); overflow:hidden; background:var(--u-surface); border:1px solid var(--u-border); border-radius:4px; box-shadow:var(--u-shadow); }
.tinv-error-card__rail { min-height:520px; display:flex; flex-direction:column; justify-content:space-between; padding:28px; background:linear-gradient(145deg,color-mix(in srgb,var(--u-purple) 88%,#171117),color-mix(in srgb,var(--u-green) 55%,#101712)); color:#fff; }
.tinv-error-card__rail span { font-size:11px; opacity:.72; }
.tinv-error-card__rail strong { writing-mode:vertical-rl; transform:rotate(180deg); font:800 clamp(58px,9vw,110px)/.9 "Arad",sans-serif; letter-spacing:-.07em; }
.tinv-error-card__content { align-self:center; padding:clamp(34px,7vw,84px); }
.tinv-error-card__code { margin:18px 0 4px; color:var(--u-purple); font:800 13px/1 "Arad",sans-serif; }
.tinv-error-card h1 { max-width:680px; margin:0; font-size:clamp(32px,5vw,66px); line-height:1.45; }
.tinv-error-card__content > p:not(.tinv-error-card__code) { max-width:620px; margin:22px 0 0; color:var(--u-muted); line-height:2.05; }
.tinv-error-card__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.tinv-error-card small { display:block; margin-top:34px; color:var(--u-subtle); }

/* Hard guarantee for the screenshot regression: active journal cards always keep readable text. */
.tinv-journal-row:hover :is(h2,h3,h4,p,span,time,.tinv-news-card__eyebrow,.tinv-news-card__meta),
.tinv-journal-row:focus-within :is(h2,h3,h4,p,span,time,.tinv-news-card__eyebrow,.tinv-news-card__meta) { color:#f7f5f7 !important; }
html[data-theme="light"] .tinv-journal-row:hover,html[data-theme="light"] .tinv-journal-row:focus-within { border-color:rgba(88,168,64,.42) !important; }

@media (max-width:980px) {
  .tinv-compare__products { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .tinv-compare { padding:28px 0 76px; }
  .tinv-compare__products { grid-template-columns:1fr; }
  .tinv-empty-state { padding:28px 20px; margin-bottom:76px; }
  .tinv-error-card { grid-template-columns:72px minmax(0,1fr); }
  .tinv-error-card__rail { min-height:440px; padding:18px 12px; }
  .tinv-error-card__content { padding:30px 22px; }
  .tinv-error-card__actions { flex-direction:column; align-items:stretch; }
  .tinv-error-card__actions .tinv-button { width:100%; }
  body.tinv-legacy-page .tinv-legacy-shell--wide { padding-top:118px !important; }
}

body.tinv-preview-page {
  min-height:100vh;
  background:var(--u-bg) !important;
  color:var(--u-text) !important;
}
body.tinv-preview-page :is(.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200) { background:var(--u-surface) !important; color:var(--u-text) !important; }
body.tinv-preview-page :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-800,.text-blue-800) { color:var(--u-muted) !important; }
body.tinv-preview-page :is(.border-gray-200,.border-gray-300,.border-blue-800) { border-color:var(--u-border) !important; }
body.tinv-preview-page h2 { color:var(--u-text) !important; font-family:var(--tinv-font-display); line-height:1.65; }
body.tinv-preview-page .text-green-500 { color:var(--u-green) !important; }
body.tinv-preview-page .text-yellow-600 { color:color-mix(in srgb,var(--u-green) 54%,var(--u-text)) !important; }

html[data-theme="light"] .tinv-archive { background:var(--u-bg); color:var(--u-text); }
html[data-theme="light"] .tinv-journal { background:#fbf9fa; color:var(--u-text); }
html[data-theme="light"] .tinv-content-section { background:#f6f2f5; color:var(--u-text); }
html[data-theme="dark"] .tinv-content-section { background:#100d12; color:var(--u-text); }
html[data-theme="light"] .tinv-news-card,
html[data-theme="light"] .tinv-flow-card { background:var(--u-surface); border-color:var(--u-border); }
html[data-theme="dark"] .tinv-news-card,
html[data-theme="dark"] .tinv-flow-card { background:var(--u-surface); border-color:var(--u-border); }