/* =========================================================================
   OMREW — main stylesheet. The ONLY stylesheet. Token-driven, mobile-first.
   Layer 1: editorial design preset (renamed --omrew-*)
   Layer 1b: navy brand overrides
   Then: reset · base type · layout · buttons · header/footer · hero
   ========================================================================= */

/* ---------- 1. Design preset tokens — EDITORIAL ------------------------- */

:root {
	/* Colour — soft cream + ink, generous neutrals */
	--omrew-bg:           #fbf9f5;
	--omrew-bg-soft:      #f4efe6;
	--omrew-surface:      #ffffff;
	--omrew-surface-2:    #f7f3ec;
	--omrew-ink:          #14181f;
	--omrew-ink-soft:     #55606f;
	--omrew-border:       rgba(20, 24, 31, .12);
	--omrew-border-soft:  rgba(20, 24, 31, .06);
	--omrew-accent:       #16345f;   /* NAVY — brand primary (override) */
	--omrew-on-accent:    #ffffff;
	--omrew-accent-2:     #c29a4b;   /* GOLD — secondary accent (override) */
	--omrew-success:      #2f6f4e;
	--omrew-warn:         #c47a2c;
	--omrew-error:        #a83232;

	/* Navy dark-section palette (brand) */
	--omrew-dark:         #0c1a30;
	--omrew-dark-soft:    #13294a;
	--omrew-on-dark:      #eaf0f9;
	--omrew-on-dark-soft: #a9bad4;

	/* Type — serif display × sans body */
	--omrew-font-display: 'Archivo', system-ui, -apple-system, sans-serif; /* Customizer-overridable */
	--omrew-font-body:    'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
	--omrew-font-mono:    'JetBrains Mono', ui-monospace, monospace;
	--omrew-h1:    clamp(2.5rem,  1.6rem + 4vw,   5rem);
	--omrew-h2:    clamp(2rem,    1.4rem + 2.6vw, 3.5rem);
	--omrew-h3:    clamp(1.5rem,  1.15rem + 1.3vw, 2.25rem);
	--omrew-h4:    clamp(1.2rem,  1.05rem + .6vw, 1.6rem);
	--omrew-lead:  clamp(1.1rem,  1rem + .35vw,  1.35rem);
	--omrew-body:  1.0625rem;
	--omrew-small: .875rem;
	--omrew-leading-tight:  1.1;
	--omrew-leading-snug:   1.3;
	--omrew-leading-normal: 1.6;
	--omrew-leading-loose:  1.8;
	--omrew-tracking-tight:  -.015em; /* tuned for grotesque display faces */
	--omrew-tracking-normal: 0;
	--omrew-tracking-loose:  .06em;

	/* Spacing — generous editorial rhythm */
	--omrew-sp-1: .25rem; --omrew-sp-2: .5rem; --omrew-sp-3: .75rem; --omrew-sp-4: 1rem;
	--omrew-sp-5: 1.25rem; --omrew-sp-6: 1.5rem; --omrew-sp-8: 2rem; --omrew-sp-10: 2.5rem;
	--omrew-sp-12: 3rem;  --omrew-sp-16: 4rem;  --omrew-sp-20: 5rem; --omrew-sp-24: 6rem;
	--omrew-sp-32: 8rem;
	--omrew-section-y: clamp(4rem, 6vw + 1rem, 8rem);
	--omrew-section-x: clamp(1.25rem, 4vw, 2.5rem);
	--omrew-container: 1200px;
	--omrew-container-narrow: 760px;

	/* Radius — gentle */
	--omrew-r-sm:   .25rem;
	--omrew-r-md:   .5rem;
	--omrew-r-lg:   .875rem;
	--omrew-r-xl:   1.25rem;
	--omrew-r-full: 999px;

	/* Shadow — soft, single light angle */
	--omrew-shadow-sm:  0 1px 2px rgba(12,26,48,.05);
	--omrew-shadow-md:  0 4px 14px rgba(12,26,48,.08);
	--omrew-shadow-lg:  0 14px 36px rgba(12,26,48,.10);
	--omrew-shadow-xl:  0 28px 60px rgba(12,26,48,.13);
	--omrew-shadow-2xl: 0 48px 110px rgba(12,26,48,.18);

	/* Motion */
	--omrew-dur-fast:   150ms;
	--omrew-dur-normal: 280ms;
	--omrew-dur-slow:   500ms;
	--omrew-ease-out:    cubic-bezier(.2, .7, .2, 1);
	--omrew-ease-in-out: cubic-bezier(.6, 0, .4, 1);
	--omrew-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
}

/* ---------- 2. Reset ---------------------------------------------------- */

*,*::before,*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip; }
body {
	margin: 0;
	font: 400 var(--omrew-body)/var(--omrew-leading-normal) var(--omrew-font-body);
	color: var(--omrew-ink);
	background: var(--omrew-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img,svg,video { max-width: 100%; height: auto; display: block; }
a { color: var(--omrew-accent); text-decoration: none; }
button { font: inherit; cursor: pointer; }

/* ---------- 3. Base typography ------------------------------------------ */

h1,h2,h3,h4 {
	font-family: var(--omrew-font-display);
	font-weight: 700;
	line-height: var(--omrew-leading-tight);
	letter-spacing: var(--omrew-tracking-tight);
	color: var(--omrew-ink);
	margin: 0 0 var(--omrew-sp-4);
}
h1 { font-size: var(--omrew-h1); }
h2 { font-size: var(--omrew-h2); }
h3 { font-size: var(--omrew-h3); line-height: var(--omrew-leading-snug); }
h4 { font-size: var(--omrew-h4); line-height: var(--omrew-leading-snug); }
p  { margin: 0 0 1em; }
.lead, p.lead { font-size: var(--omrew-lead); line-height: var(--omrew-leading-snug); color: var(--omrew-ink-soft); }

.omrew-eyebrow {
	display: inline-block;
	font: 600 var(--omrew-small)/1.2 var(--omrew-font-body);
	text-transform: uppercase;
	letter-spacing: var(--omrew-tracking-loose);
	color: var(--omrew-accent-2);
	margin-bottom: var(--omrew-sp-3);
}

/* ---------- 4. Layout primitives ---------------------------------------- */

.omrew-container {
	width: 100%;
	max-width: var(--omrew-container);
	margin: 0 auto;
	padding-left: var(--omrew-section-x);
	padding-right: var(--omrew-section-x);
}
.omrew-container--narrow { max-width: var(--omrew-container-narrow); }
.omrew-section { padding: var(--omrew-section-y) 0; }
.omrew-section--soft { background: var(--omrew-bg-soft); }
.omrew-section--dark { background: var(--omrew-dark); color: var(--omrew-on-dark); }
.omrew-section--dark h1,.omrew-section--dark h2,.omrew-section--dark h3,.omrew-section--dark h4 { color: var(--omrew-on-dark); }

.omrew-grid { display: grid; gap: var(--omrew-sp-8); }
.omrew-grid-2,.omrew-grid-3,.omrew-grid-4 { grid-template-columns: 1fr; }
@media (min-width: 768px) {
	.omrew-grid-2 { grid-template-columns: repeat(2, 1fr); }
	.omrew-grid-3 { grid-template-columns: repeat(2, 1fr); }
	.omrew-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
	.omrew-grid-3 { grid-template-columns: repeat(3, 1fr); }
	.omrew-grid-4 { grid-template-columns: repeat(4, 1fr); }
}

/* ---------- 5. Buttons -------------------------------------------------- */

.omrew-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
	padding: .85rem 1.6rem;
	font: 600 .95rem/1 var(--omrew-font-body);
	letter-spacing: .01em;
	border-radius: var(--omrew-r-full);
	border: 1px solid transparent;
	transition: all var(--omrew-dur-normal) var(--omrew-ease-out);
}
.omrew-btn--primary { background: var(--omrew-accent); color: var(--omrew-on-accent); }
.omrew-btn--primary:hover { background: var(--omrew-dark); color: #fff; transform: translateY(-1px); box-shadow: var(--omrew-shadow-md); }
.omrew-btn--gold { background: var(--omrew-accent-2); color: var(--omrew-dark); }
.omrew-btn--gold:hover { filter: brightness(1.05); transform: translateY(-1px); box-shadow: var(--omrew-shadow-md); }
.omrew-btn--outline { background: transparent; color: var(--omrew-accent); border-color: var(--omrew-border); }
.omrew-btn--outline:hover { border-color: var(--omrew-accent); background: var(--omrew-accent); color: #fff; }
.omrew-btn--on-dark { background: #fff; color: var(--omrew-dark); }
.omrew-btn--on-dark:hover { background: var(--omrew-accent-2); color: var(--omrew-dark); }
.omrew-btn--ghost-dark { background: transparent; color: var(--omrew-on-dark); border-color: rgba(255,255,255,.35); }
.omrew-btn--ghost-dark:hover { background: rgba(255,255,255,.1); border-color: #fff; }

/* ---------- 6. Site header ---------------------------------------------- */

.omrew-header {
	position: sticky; top: 0; z-index: 50;
	background: rgba(251,249,245,.9);
	backdrop-filter: saturate(140%) blur(10px);
	border-bottom: 1px solid var(--omrew-border-soft);
}
.omrew-header__inner {
	display: flex; align-items: center; justify-content: space-between; gap: var(--omrew-sp-6);
	min-height: 74px;
}
.omrew-brand { display: inline-flex; align-items: center; gap: .6rem; font-family: var(--omrew-font-display); font-weight: 700; font-size: 1.2rem; color: var(--omrew-ink); letter-spacing: -.01em; }
.omrew-brand__mark { width: 34px; height: 34px; border-radius: var(--omrew-r-sm); background: var(--omrew-accent); color: #fff; display: grid; place-items: center; font-size: .95rem; letter-spacing: .02em; }
.omrew-nav { display: none; gap: var(--omrew-sp-6); }
.omrew-nav a { color: var(--omrew-ink-soft); font-weight: 500; font-size: .95rem; transition: color var(--omrew-dur-fast); }
.omrew-nav a:hover { color: var(--omrew-accent); }
.omrew-header__cta { display: flex; align-items: center; gap: .5rem; }
.omrew-header__cta .omrew-btn { padding: .6rem 1.1rem; font-size: .85rem; }
.omrew-signin { display: none; color: var(--omrew-ink-soft); font-weight: 600; font-size: .9rem; }
.omrew-signin:hover { color: var(--omrew-accent); }
@media (min-width: 900px) {
	.omrew-nav { display: flex; }
	.omrew-signin { display: inline-flex; }
}

/* ---------- 7. Hero (image-bg archetype, navy fallback) ----------------- */

.omrew-hero {
	position: relative; isolation: isolate;
	min-height: clamp(520px, 70vh, 760px);
	display: grid; align-items: center;
	color: var(--omrew-on-dark);
	background: radial-gradient(120% 120% at 20% 0%, #1c3f70 0%, var(--omrew-dark) 55%, #06101f 100%);
	overflow: hidden;
}
.omrew-hero::after { /* subtle gold grain accent */
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: radial-gradient(60% 50% at 85% 90%, rgba(194,154,75,.16), transparent 70%);
}
.omrew-hero__inner { padding: clamp(4rem, 10vh, 8rem) 0; max-width: 760px; }
.omrew-hero h1 { color: #fff; font-size: clamp(2.6rem, 1.5rem + 4.5vw, 5rem); margin-bottom: var(--omrew-sp-5); }
.omrew-hero .lead { color: var(--omrew-on-dark-soft); max-width: 56ch; margin-bottom: var(--omrew-sp-8); }
.omrew-hero__actions { display: flex; flex-wrap: wrap; gap: var(--omrew-sp-3); }
.omrew-hero__eyebrow { color: var(--omrew-accent-2); }

/* ---------- 8. Site footer ---------------------------------------------- */

.omrew-footer { background: var(--omrew-dark); color: var(--omrew-on-dark-soft); padding: var(--omrew-sp-16) 0 var(--omrew-sp-8); }
.omrew-footer a { color: var(--omrew-on-dark-soft); }
.omrew-footer a:hover { color: #fff; }
.omrew-footer__top { display: grid; gap: var(--omrew-sp-10); grid-template-columns: 1fr; margin-bottom: var(--omrew-sp-12); }
@media (min-width: 768px) { .omrew-footer__top { grid-template-columns: 1.4fr 1fr 1fr; } }
.omrew-footer__brand .omrew-brand { color: #fff; margin-bottom: var(--omrew-sp-4); }
.omrew-footer h4 { color: #fff; font-family: var(--omrew-font-body); font-size: .8rem; text-transform: uppercase; letter-spacing: var(--omrew-tracking-loose); margin-bottom: var(--omrew-sp-4); }
.omrew-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.omrew-footer nav a { font-size: 16px; }
.omrew-footer__bottom { border-top: 1px solid rgba(255,255,255,.12); padding-top: var(--omrew-sp-6); font-size: var(--omrew-small); display: flex; flex-wrap: wrap; gap: var(--omrew-sp-4); justify-content: space-between; }

/* ---------- 9. Skip link + a11y ----------------------------------------- */

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
	overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap;
}
.omrew-skip { position: absolute; left: -9999px; top: 0; background: var(--omrew-accent); color: #fff; padding: .6rem 1rem; z-index: 100; border-radius: 0 0 var(--omrew-r-md) 0; }
.omrew-skip:focus { left: 0; }
:focus-visible { outline: 2px solid var(--omrew-accent-2); outline-offset: 2px; }

/* =========================================================================
   COMPONENT LAYER — premium polish (TiDii-calibrated shadows/hovers/borders)
   ========================================================================= */

:root {
	--omrew-shadow-card: 0 4px 16px rgba(12,26,48,.06);
	--omrew-shadow-pop:  0 24px 70px rgba(12,26,48,.16);
	--omrew-shadow-cta:  0 12px 32px rgba(22,52,95,.28);
	--omrew-shadow-gold: 0 12px 32px rgba(194,154,75,.30);
	--omrew-line:        rgba(20,24,31,.10);
	--omrew-r-card:      18px;
	--omrew-tx: background .2s, border-color .2s, color .2s, transform .2s var(--omrew-ease-out), box-shadow .2s;
}

/* ---------- Brand lockup ------------------------------------------------- */
.omrew-brand__img { width: 40px; height: 40px; flex: 0 0 auto; }
.omrew-brand__word { font-family: var(--omrew-font-display); font-weight: 700; font-size: 1.12rem; line-height: 1.02; letter-spacing: -.01em; max-width: 13ch; color: var(--omrew-ink); }
.omrew-brand--on-dark .omrew-brand__img { filter: brightness(0) invert(1); }
.omrew-brand--on-dark .omrew-brand__word { color: #fff; }

/* ---------- Section head with "VIEW ALL" -------------------------------- */
.omrew-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--omrew-sp-6); margin-bottom: var(--omrew-sp-10); flex-wrap: wrap; }
.omrew-sec-head__title { max-width: 40ch; }
.omrew-sec-head h2 { margin: 0; }
.omrew-viewall { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; font-size: .9rem; color: var(--omrew-accent); padding: .55rem 1.1rem; border: 1.5px solid var(--omrew-line); border-radius: var(--omrew-r-full); transition: var(--omrew-tx); white-space: nowrap; }
.omrew-viewall:hover { border-color: var(--omrew-accent); background: var(--omrew-accent); color: #fff; transform: translateY(-1px); }
.omrew-sec-intro { max-width: 62ch; color: var(--omrew-ink-soft); }

/* ---------- Hero search bar --------------------------------------------- */
.omrew-hero__tagline { display: block; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--omrew-accent-2); font-size: .9rem; margin-bottom: var(--omrew-sp-5); }
.omrew-hero__sub { color: var(--omrew-on-dark-soft); font-style: italic; margin-top: -.4rem; margin-bottom: var(--omrew-sp-8); }
.omrew-search {
	display: grid; grid-template-columns: 1fr; gap: .6rem;
	background: rgba(255,255,255,.96); padding: .7rem; border-radius: var(--omrew-r-lg);
	box-shadow: var(--omrew-shadow-pop); max-width: 860px;
}
.omrew-search input, .omrew-search select {
	width: 100%; border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-md);
	padding: .85rem 1rem; font: inherit; color: var(--omrew-ink); background: #fff;
	transition: var(--omrew-tx);
}
.omrew-search input:focus, .omrew-search select:focus { outline: none; border-color: var(--omrew-accent); box-shadow: 0 0 0 4px rgba(22,52,95,.12); }
.omrew-search__submit { border: 0; }
@media (min-width: 820px) {
	.omrew-search { grid-template-columns: 1.4fr 1fr 1fr auto; align-items: center; }
}

/* ---------- Category rail ----------------------------------------------- */
.omrew-cats { display: flex; gap: var(--omrew-sp-4); overflow-x: auto; padding-bottom: .5rem; scroll-snap-type: x mandatory; scrollbar-width: thin; }
.omrew-cat {
	scroll-snap-align: start; flex: 0 0 auto; min-width: 210px;
	display: flex; align-items: center; gap: .75rem;
	background: var(--omrew-surface); border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-card);
	padding: 1rem 1.25rem; color: var(--omrew-ink); font-weight: 600; font-size: .95rem;
	box-shadow: var(--omrew-shadow-card); transition: var(--omrew-tx);
}
.omrew-cat:hover { transform: translateY(-4px); box-shadow: var(--omrew-shadow-pop); border-color: transparent; color: var(--omrew-accent); }
.omrew-cat__mark { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: rgba(22,52,95,.08); }
.omrew-cat__mark img { width: 22px; height: 22px; }

/* ---------- Property cards ---------------------------------------------- */
.omrew-cards { display: grid; gap: var(--omrew-sp-8); grid-template-columns: 1fr; }
@media (min-width: 640px) { .omrew-cards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .omrew-cards { grid-template-columns: repeat(3, 1fr); } }
.omrew-card {
	display: flex; flex-direction: column; background: var(--omrew-surface);
	border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-card); overflow: hidden;
	box-shadow: var(--omrew-shadow-card); transition: var(--omrew-tx); color: var(--omrew-ink);
}
.omrew-card:hover { transform: translateY(-6px); box-shadow: var(--omrew-shadow-pop); border-color: transparent; }
.omrew-card__media { position: relative; aspect-ratio: 4/3; background: linear-gradient(135deg, #eef1f6, #e2e7f0); display: grid; place-items: center; overflow: hidden; }
.omrew-card__img { width: 100%; height: 100%; object-fit: cover; }
.omrew-card__placeholder img { opacity: .28; }
.omrew-card__badges { position: absolute; top: .7rem; left: .7rem; right: .7rem; display: flex; flex-wrap: wrap; gap: .35rem; }
.omrew-badge { font-size: .66rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .28rem .55rem; border-radius: var(--omrew-r-sm); background: var(--omrew-accent); color: #fff; }
.omrew-badge--state { background: rgba(12,26,48,.72); }
.omrew-card__anon { position: absolute; bottom: .7rem; right: .7rem; background: rgba(255,255,255,.92); border-radius: 50%; width: 30px; height: 30px; display: grid; place-items: center; font-size: .85rem; box-shadow: var(--omrew-shadow-card); }
/* Owner indicator — the current seller's own listings (card + single hero). */
.omrew-card__mine,
.omrew-single__mine {
	position: absolute; z-index: 2;
	display: inline-flex; align-items: center; gap: .28rem;
	background: #c29a4b; color: #fff;
	font-size: .66rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase;
	padding: .3rem .55rem .3rem .45rem; border-radius: 999px; box-shadow: 0 4px 12px rgba(0,0,0,.22);
}
.omrew-card__mine { bottom: .7rem; left: .7rem; }
.omrew-single__mine { top: .9rem; left: .9rem; font-size: .72rem; padding: .38rem .75rem .38rem .55rem; }
.omrew-card__mine svg,
.omrew-single__mine svg { width: 13px; height: 13px; stroke-width: 2.2; }
.omrew-single__mine svg { width: 15px; height: 15px; }
.omrew-card--mine { border-color: #c29a4b; box-shadow: 0 0 0 2px rgba(194,154,75,.55), var(--omrew-shadow-card); }
.omrew-card--mine:hover { border-color: #c29a4b; box-shadow: 0 0 0 2px #c29a4b, var(--omrew-shadow-pop); }

/* Owner banner — single property page, shown to the listing's seller. */
.omrew-ownerbar { background: #faf4e6; border-bottom: 1px solid #e7d5ac; }
.omrew-ownerbar__inner { display: flex; align-items: center; justify-content: space-between; gap: .8rem 1.2rem; flex-wrap: wrap; padding-top: .75rem; padding-bottom: .75rem; }
.omrew-ownerbar__label { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700; font-size: .95rem; color: #16224a; }
.omrew-ownerbar__label svg { width: 18px; height: 18px; color: #b0863a; flex: 0 0 auto; }
.omrew-ownerbar__actions { display: inline-flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.omrew-ownerbar__btn { background: #c29a4b; color: #16224a; font-weight: 700; font-size: .85rem; padding: .5rem 1.1rem; border-radius: var(--omrew-r-full); transition: background var(--omrew-dur-fast); }
.omrew-ownerbar__btn:hover { background: #b0863a; color: #16224a; }
.omrew-ownerbar__link { color: var(--omrew-ink-soft); font-weight: 600; font-size: .85rem; }
.omrew-ownerbar__link:hover { color: var(--omrew-accent); }
.omrew-card__body { padding: 1.15rem 1.25rem 1.35rem; display: flex; flex-direction: column; gap: .35rem; }
.omrew-card__price { font-weight: 700; color: var(--omrew-accent); font-size: 1.05rem; }
.omrew-card__title { font-family: var(--omrew-font-display); font-size: 1.15rem; line-height: 1.25; margin: 0; }
.omrew-card__addr { color: var(--omrew-ink-soft); font-size: .9rem; }
.omrew-card__date { display: inline-flex; align-items: center; gap: .32rem; color: var(--omrew-ink-soft); font-size: .8rem; margin-top: .15rem; }
.omrew-card__date svg { width: 13px; height: 13px; flex: 0 0 auto; opacity: .8; }

/* ---------- Split feature (For Sellers / For Buyers) -------------------- */
.omrew-split { display: grid; gap: var(--omrew-sp-10); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 900px) { .omrew-split { grid-template-columns: 1fr 1fr; } .omrew-split--reverse .omrew-split__media { order: 2; } }
.omrew-split__media { border-radius: var(--omrew-r-xl); overflow: hidden; box-shadow: var(--omrew-shadow-lg); aspect-ratio: 5/4; background: linear-gradient(135deg, var(--omrew-dark-soft), var(--omrew-dark)); }
.omrew-split__media img { width: 100%; height: 100%; object-fit: cover; }
.omrew-checks { list-style: none; margin: var(--omrew-sp-6) 0; padding: 0; display: grid; gap: var(--omrew-sp-4); }
.omrew-checks li { display: flex; gap: .75rem; align-items: flex-start; line-height: 1.5; }
.omrew-checks li::before { content: ""; flex: 0 0 auto; margin-top: .15rem; width: 22px; height: 22px; border-radius: 50%; background: var(--omrew-accent-2); -webkit-mask: center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); mask: center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E"); }
.omrew-checks strong { color: var(--omrew-ink); }

/* ---------- Plans & Pricing --------------------------------------------- */
.omrew-pricing { display: grid; gap: var(--omrew-sp-6); grid-template-columns: 1fr; align-items: stretch; }
@media (min-width: 900px) { .omrew-pricing { grid-template-columns: repeat(3, 1fr); } }
.omrew-plan {
	display: flex; flex-direction: column; background: var(--omrew-surface);
	border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-xl); padding: 2rem 1.75rem;
	box-shadow: var(--omrew-shadow-card); transition: var(--omrew-tx);
}
.omrew-plan:hover { transform: translateY(-6px); box-shadow: var(--omrew-shadow-pop); }
.omrew-plan--featured { background: var(--omrew-dark); color: var(--omrew-on-dark); border-color: transparent; box-shadow: var(--omrew-shadow-pop); }
@media (min-width: 900px) { .omrew-plan--featured { transform: scale(1.04); } .omrew-plan--featured:hover { transform: scale(1.04) translateY(-6px); } }
.omrew-plan__badge { align-self: flex-start; font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--omrew-dark); background: var(--omrew-accent-2); padding: .3rem .7rem; border-radius: var(--omrew-r-full); margin-bottom: var(--omrew-sp-4); }
.omrew-plan__name { font-family: var(--omrew-font-display); font-size: 1.5rem; margin: 0 0 .1rem; }
.omrew-plan--featured .omrew-plan__name { color: #fff; }
.omrew-plan__tag { color: var(--omrew-ink-soft); font-size: .9rem; margin-bottom: var(--omrew-sp-5); }
.omrew-plan--featured .omrew-plan__tag { color: var(--omrew-on-dark-soft); }
.omrew-plan__price { display: flex; align-items: flex-start; gap: .15rem; font-family: var(--omrew-font-display); line-height: 1; margin-bottom: var(--omrew-sp-6); }
.omrew-plan__cur { font-size: 1.5rem; margin-top: .5rem; }
.omrew-plan__int { font-size: 3.4rem; font-weight: 700; }
.omrew-plan__cents { font-size: 1.5rem; margin-top: .5rem; }
.omrew-plan__per { font-size: .95rem; color: var(--omrew-ink-soft); align-self: flex-end; margin-bottom: .5rem; margin-left: .25rem; }
.omrew-plan--featured .omrew-plan__per { color: var(--omrew-on-dark-soft); }
.omrew-plan__list { list-style: none; padding: 0; margin: 0 0 var(--omrew-sp-8); display: grid; gap: .7rem; }
.omrew-plan__list li { display: flex; gap: .6rem; align-items: flex-start; font-size: .95rem; line-height: 1.45; }
.omrew-plan__list li::before { content: "✓"; color: var(--omrew-accent-2); font-weight: 700; }
.omrew-plan .omrew-btn { margin-top: auto; width: 100%; }
.omrew-plan__note { font-size: .8rem; color: var(--omrew-ink-soft); margin: var(--omrew-sp-3) 0 0; text-align: center; }
.omrew-plan--featured .omrew-plan__note { color: var(--omrew-on-dark-soft); }
.omrew-pricing__policy { max-width: 70ch; margin: var(--omrew-sp-8) auto 0; text-align: center; font-size: .82rem; color: var(--omrew-ink-soft); }

/* ---------- Location tiles ---------------------------------------------- */
.omrew-locs { display: grid; gap: var(--omrew-sp-6); grid-template-columns: repeat(2, 1fr); }
@media (min-width: 900px) { .omrew-locs { grid-template-columns: repeat(4, 1fr); } }
.omrew-loc {
	position: relative; aspect-ratio: 4/5; border-radius: var(--omrew-r-lg); overflow: hidden;
	display: flex; align-items: flex-end; padding: 1.1rem; color: #fff; font-weight: 700; font-size: 1.1rem;
	background: linear-gradient(160deg, var(--omrew-dark-soft), var(--omrew-dark));
	box-shadow: var(--omrew-shadow-card); transition: var(--omrew-tx); isolation: isolate;
}
.omrew-loc::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(80% 60% at 50% 0%, rgba(194,154,75,.22), transparent 70%); }
.omrew-loc:hover { transform: translateY(-5px); box-shadow: var(--omrew-shadow-pop); }

/* ---------- Help 3-up --------------------------------------------------- */
.omrew-help { display: grid; gap: var(--omrew-sp-8); grid-template-columns: 1fr; }
@media (min-width: 900px) { .omrew-help { grid-template-columns: repeat(3, 1fr); } }
.omrew-help__item { background: var(--omrew-surface); border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-card); padding: 2rem 1.75rem; box-shadow: var(--omrew-shadow-card); transition: var(--omrew-tx); text-align: center; }
.omrew-help__item:hover { transform: translateY(-6px); box-shadow: var(--omrew-shadow-pop); }
.omrew-help__icon { width: 58px; height: 58px; margin: 0 auto var(--omrew-sp-5); border-radius: 50%; background: rgba(22,52,95,.08); color: var(--omrew-accent); display: grid; place-items: center; }
.omrew-help__icon svg { width: 28px; height: 28px; }
.omrew-help__item h3 { font-size: 1.3rem; margin-bottom: .5rem; }
.omrew-help__item p { color: var(--omrew-ink-soft); margin: 0; }

/* ---------- CTA banner -------------------------------------------------- */
.omrew-cta { text-align: center; background: radial-gradient(120% 130% at 50% 0%, #1c3f70, var(--omrew-dark) 60%); border-radius: var(--omrew-r-2xl, 32px); color: var(--omrew-on-dark); padding: clamp(3rem,6vw,5rem) var(--omrew-section-x); }
.omrew-cta h2 { color: #fff; margin-bottom: var(--omrew-sp-4); }
.omrew-cta p { max-width: 60ch; margin: 0 auto var(--omrew-sp-8); color: var(--omrew-on-dark-soft); }
.omrew-cta__actions { display: flex; gap: var(--omrew-sp-3); justify-content: center; flex-wrap: wrap; }

/* ---------- Header CTA tweak -------------------------------------------- */
.omrew-header__cta .omrew-btn--primary { background: var(--omrew-accent-2); color: var(--omrew-dark); }
.omrew-header__cta .omrew-btn--primary:hover { background: var(--omrew-accent); color: #fff; }

/* ---------- Footer nav row + hero-home centering ------------------------ */
.omrew-footer__top { grid-template-columns: 1fr; gap: var(--omrew-sp-8); }
@media (min-width: 768px) { .omrew-footer__top { grid-template-columns: 1.6fr 1fr; align-items: start; } }
.omrew-footer__nav { display: flex; flex-wrap: wrap; gap: .55rem 1.6rem; }
.omrew-footer__nav a { font-weight: 500; }
.omrew-footer__brand p { margin-top: var(--omrew-sp-4); max-width: 44ch; font-size: 16px; line-height: 30px; }
.omrew-footer__tag { letter-spacing: .12em; font-weight: 600; }

.omrew-hero--home .omrew-hero__inner { max-width: 940px; margin: 0 auto; text-align: center; }
.omrew-hero--home .lead { margin-left: auto; margin-right: auto; }
.omrew-hero--home .omrew-search { margin-left: auto; margin-right: auto; text-align: left; }
.omrew-hero--home .omrew-hero__actions { justify-content: center; }

/* ---------- Category rail heading + compact section --------------------- */
.omrew-section--tight { padding-top: var(--omrew-sp-12); padding-bottom: var(--omrew-sp-12); }

/* =========================================================================
   CONTAINER WIDTH + PREMIUM HEADER / NAV
   ========================================================================= */

:root { --omrew-container: 1340px; }

/* Header shell — refined, sticky, glassy with a hairline + soft lift */
.omrew-header {
	background: #ffffff;
	border-bottom: 1px solid var(--omrew-border-soft);
	box-shadow: var(--omrew-shadow-card);
}
.omrew-header__inner { min-height: 92px; gap: var(--omrew-sp-10); }

/* Client-uploaded logo: constrain height (they can't set width/height) */
.omrew-header .custom-logo-link { display: inline-flex; align-items: center; }
.omrew-header .custom-logo {
	height: 66px; width: auto; max-width: none; display: block;
	transition: transform var(--omrew-dur-normal) var(--omrew-ease-out);
}
.omrew-header .custom-logo-link:hover .custom-logo { transform: scale(1.03); }

/* Premium primary nav — quiet at rest, gold underline sweep on hover */
.omrew-nav { gap: 2.1rem; }
.omrew-nav a {
	position: relative; color: var(--omrew-ink); font-weight: 500; font-size: .95rem;
	letter-spacing: .005em; padding: .4rem 0; transition: color var(--omrew-dur-fast);
}
.omrew-nav a::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 2px;
	background: var(--omrew-accent-2); border-radius: 2px;
	transform: scaleX(0); transform-origin: left;
	transition: transform var(--omrew-dur-normal) var(--omrew-ease-out);
}
.omrew-nav a:hover { color: var(--omrew-accent); }
.omrew-nav a:hover::after { transform: scaleX(1); }
.omrew-nav .current-menu-item > a,
.omrew-nav a[aria-current="page"] { color: var(--omrew-accent); }
.omrew-nav .current-menu-item > a::after,
.omrew-nav a[aria-current="page"]::after { transform: scaleX(1); }

/* CTA cluster — refined Sign in + gold Add Property */
.omrew-header__cta { gap: 1.25rem; }
.omrew-signin { position: relative; font-weight: 600; font-size: .92rem; color: var(--omrew-ink); }
.omrew-signin::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 2px; background: var(--omrew-accent); border-radius: 2px; transform: scaleX(0); transform-origin: left; transition: transform var(--omrew-dur-normal) var(--omrew-ease-out); }
.omrew-signin:hover { color: var(--omrew-accent); }
.omrew-signin:hover::after { transform: scaleX(1); }
.omrew-header__cta .omrew-btn--primary {
	padding: .7rem 1.4rem; font-weight: 700; letter-spacing: .01em;
	box-shadow: 0 6px 18px rgba(194,154,75,.28);
}
.omrew-header__cta .omrew-btn--primary:hover { box-shadow: 0 10px 26px rgba(22,52,95,.30); }

@media (max-width: 900px) {
	.omrew-header__inner { min-height: 72px; }
	.omrew-header .custom-logo { height: 48px; }
}

/* =========================================================================
   MOBILE DRAWER (TiDii pattern) + burger breakpoint
   Desktop nav shows >=1025px; below that the hamburger + slide-in drawer.
   ========================================================================= */

@media (min-width: 900px) and (max-width: 1024px) { .omrew-nav { display: none; } }
@media (max-width: 1024px) { .omrew-signin { display: none; } }

.omrew-header__burger {
	width: 46px; height: 46px; flex: 0 0 auto;
	display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
	padding: 11px; border-radius: var(--omrew-r-md); border: 1px solid var(--omrew-line); background: transparent;
	transition: var(--omrew-tx);
}
.omrew-header__burger:hover { border-color: var(--omrew-accent); }
.omrew-header__burger span { display: block; width: 22px; height: 2px; background: var(--omrew-ink); border-radius: 2px; transition: transform .25s var(--omrew-ease-out), opacity .15s; }
.omrew-header__burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.omrew-header__burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.omrew-header__burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
@media (min-width: 1025px) { .omrew-header__burger { display: none; } }

/* Compact account icon — shown only in the mobile/tablet header (≤1024px),
   where the "My Account" / "Sign in" text links are hidden. */
.omrew-header__acct {
	position: relative; flex: 0 0 auto;
	width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center;
	border-radius: var(--omrew-r-md); border: 1px solid var(--omrew-line); background: transparent;
	color: var(--omrew-ink); transition: var(--omrew-tx);
}
.omrew-header__acct svg { width: 23px; height: 23px; }
.omrew-header__acct:hover { border-color: var(--omrew-accent); color: var(--omrew-accent); }
.omrew-header__acct .omrew-hdr-unread { position: absolute; top: -5px; right: -5px; margin: 0; vertical-align: 0; }
@media (min-width: 1025px) { .omrew-header__acct { display: none; } }
/* Keep the mobile/tablet header cluster (icon + Add Property + burger) on one line. */
@media (max-width: 1024px) {
	.omrew-header__cta { gap: .4rem; }
	.omrew-header__cta .omrew-btn--primary { padding: .6rem .9rem; white-space: nowrap; }
}

body.omrew-no-scroll { overflow: hidden; }

.omrew-mobile {
	position: fixed; inset: 0; z-index: 200;
	background: var(--omrew-bg);
	display: flex; flex-direction: column; overflow-y: auto;
	transform: translateX(100%);
	transition: transform .35s var(--omrew-ease-out);
}
.omrew-mobile.is-open { transform: translateX(0); }

.omrew-mobile__backdrop {
	position: fixed; inset: 0; z-index: 190;
	background: rgba(12,26,48,.55);
	opacity: 0; visibility: hidden;
	transition: opacity .25s, visibility .25s;
}
.omrew-mobile__backdrop.is-visible { opacity: 1; visibility: visible; }

.omrew-mobile__top { display: flex; align-items: center; justify-content: space-between; gap: var(--omrew-sp-4); padding: 16px 20px; border-bottom: 1px solid var(--omrew-line); }
.omrew-mobile__top .custom-logo, .omrew-mobile__logo .custom-logo { height: 46px; width: auto; display: block; }
.omrew-mobile__close {
	width: 46px; height: 46px; flex: 0 0 auto; border-radius: var(--omrew-r-md);
	border: 1px solid var(--omrew-line); background: transparent; color: var(--omrew-ink);
	display: inline-flex; align-items: center; justify-content: center; transition: var(--omrew-tx);
}
.omrew-mobile__close:hover { background: var(--omrew-bg-soft); border-color: var(--omrew-accent); color: var(--omrew-accent); }

.omrew-mobile__nav { padding: var(--omrew-sp-4); flex: 1; }
.omrew-mobile__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.omrew-mobile__nav a {
	display: flex; align-items: center; justify-content: space-between;
	padding: 15px 18px; border-radius: var(--omrew-r-md);
	font-family: var(--omrew-font-body); font-weight: 600; font-size: 1.1rem; letter-spacing: -.005em; color: var(--omrew-ink);
	transition: var(--omrew-tx);
}
.omrew-mobile__nav a:hover { background: var(--omrew-bg-soft); color: var(--omrew-accent); }
.omrew-mobile__nav .current-menu-item > a { color: var(--omrew-accent); }

.omrew-mobile__cta { padding: 20px; border-top: 1px solid var(--omrew-line); display: grid; gap: .6rem; }
.omrew-mobile__cta .omrew-btn { width: 100%; }

/* =========================================================================
   ADD PROPERTY WIZARD — premium guided flow
   ========================================================================= */

/* Page head strip */
.omrew-wizhead {
	background: radial-gradient(120% 140% at 30% 0%, #1c3f70 0%, var(--omrew-dark) 60%, #06101f 100%);
	color: var(--omrew-on-dark); text-align: center;
	padding: clamp(3.5rem, 7vw, 5.5rem) 0;
}
.omrew-wizhead h1 { color: #fff; margin-bottom: var(--omrew-sp-3); }
.omrew-wizhead .lead { color: var(--omrew-on-dark-soft); max-width: 62ch; margin: 0 auto; }
.omrew-wizhead__eyebrow { color: var(--omrew-accent-2); }

/* Signed-out gate */
.omrew-wizgate {
	max-width: 560px; margin: 0 auto; text-align: center;
	background: var(--omrew-surface); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-xl); padding: 3rem 2.5rem; box-shadow: var(--omrew-shadow-pop);
}
.omrew-wizgate__icon { width: 64px; height: 64px; margin: 0 auto var(--omrew-sp-5); border-radius: 50%; background: rgba(22,52,95,.08); color: var(--omrew-accent); display: grid; place-items: center; }
.omrew-wizgate__actions { display: flex; gap: var(--omrew-sp-3); justify-content: center; flex-wrap: wrap; margin-top: var(--omrew-sp-6); }

/* Wizard shell */
.omrew-wiz {
	max-width: 1050px; margin: 0 auto;
	background: var(--omrew-surface); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-xl); box-shadow: var(--omrew-shadow-pop);
	padding: clamp(1.5rem, 4vw, 3rem);
	scroll-margin-top: 110px;
}

/* Progress rail */
.omrew-wiz__rail {
	list-style: none; margin: 0 0 var(--omrew-sp-10); padding: 0;
	display: flex; counter-reset: wiz;
}
.omrew-wiz__rail li {
	counter-increment: wiz; flex: 1; text-align: center; position: relative;
	font-size: .78rem; font-weight: 600; color: var(--omrew-ink-soft);
}
.omrew-wiz__rail li::before {
	content: counter(wiz);
	display: grid; place-items: center;
	width: 34px; height: 34px; margin: 0 auto 6px;
	border-radius: 50%; border: 1.5px solid var(--omrew-line);
	background: var(--omrew-surface); color: var(--omrew-ink-soft);
	font-size: .82rem; font-weight: 700; position: relative; z-index: 1;
	transition: var(--omrew-tx);
}
.omrew-wiz__rail li::after {
	content: ""; position: absolute; top: 17px; left: calc(-50% + 17px); right: calc(50% + 17px);
	height: 1.5px; background: var(--omrew-line);
}
.omrew-wiz__rail li:first-child::after { display: none; }
.omrew-wiz__rail li.is-active { color: var(--omrew-accent); }
.omrew-wiz__rail li.is-active::before { border-color: var(--omrew-accent); background: var(--omrew-accent); color: #fff; box-shadow: 0 0 0 5px rgba(22,52,95,.10); }
.omrew-wiz__rail li.is-done::before { border-color: var(--omrew-accent-2); background: var(--omrew-accent-2); color: var(--omrew-dark); content: "✓"; }
.omrew-wiz__rail li span { display: none; }
@media (min-width: 640px) { .omrew-wiz__rail li span { display: block; } }

/* Steps */
.omrew-wiz__step { display: none; border: 0; margin: 0; padding: 0; }
.omrew-wiz__step.is-active { display: block; animation: omrew-step-in .3s var(--omrew-ease-out); }
@keyframes omrew-step-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.omrew-wiz__title {
	display: block; width: 100%; font-family: var(--omrew-font-display);
	font-size: clamp(1.4rem, 2.4vw, 1.9rem); font-weight: 700; color: var(--omrew-ink);
	margin-bottom: var(--omrew-sp-8); padding: 0;
}

/* Fields */
.omrew-field { margin-bottom: var(--omrew-sp-6); }
.omrew-field label { display: block; font-weight: 600; font-size: .92rem; margin-bottom: .45rem; color: var(--omrew-ink); }
.omrew-field label em { color: var(--omrew-error); font-style: normal; }
.omrew-field small { display: block; margin-top: .4rem; color: var(--omrew-ink-soft); font-size: .82rem; }
.omrew-field input, .omrew-field select, .omrew-field-row input {
	width: 100%; border: 1.5px solid var(--omrew-line); border-radius: var(--omrew-r-md);
	padding: .8rem 1rem; font: inherit; color: var(--omrew-ink); background: #fff;
	transition: var(--omrew-tx);
}
.omrew-field input:hover, .omrew-field select:hover { border-color: rgba(22,52,95,.35); }
.omrew-field input:focus, .omrew-field select:focus, .omrew-editor:focus {
	outline: none; border-color: var(--omrew-accent); box-shadow: 0 0 0 4px rgba(22,52,95,.10);
}
.omrew-field .is-invalid, .omrew-editor.is-invalid { border-color: var(--omrew-error); box-shadow: 0 0 0 4px rgba(168,50,50,.08); }
.omrew-field-row { display: grid; gap: var(--omrew-sp-4); grid-template-columns: 1fr; }
@media (min-width: 640px) {
	.omrew-field-row { grid-template-columns: 1fr 1fr; }
	.omrew-field-row--3 { grid-template-columns: 1fr 1fr 1fr; }
}
.omrew-field-row .omrew-field { margin-bottom: 0; }

/* Anonymous toggle */
.omrew-anon {
	display: flex; align-items: center; justify-content: space-between; gap: var(--omrew-sp-6);
	background: var(--omrew-bg-soft); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-lg); padding: 1.1rem 1.25rem; margin-bottom: var(--omrew-sp-6);
}
.omrew-anon__text { display: grid; gap: .2rem; }
.omrew-anon__text strong { font-size: .95rem; }
.omrew-anon__text span { font-size: .84rem; color: var(--omrew-ink-soft); line-height: 1.5; }
.omrew-switch { position: relative; flex: 0 0 auto; cursor: pointer; }
.omrew-switch input { position: absolute; opacity: 0; }
.omrew-switch__track {
	display: block; width: 52px; height: 30px; border-radius: 999px;
	background: rgba(20,24,31,.18); transition: background .2s; position: relative;
}
.omrew-switch__track::after {
	content: ""; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px;
	border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,.2);
	transition: transform .22s var(--omrew-ease-out);
}
.omrew-switch input:checked + .omrew-switch__track { background: var(--omrew-accent); }
.omrew-switch input:checked + .omrew-switch__track::after { transform: translateX(22px); }
.omrew-switch input:focus-visible + .omrew-switch__track { outline: 2px solid var(--omrew-accent-2); outline-offset: 2px; }

/* Form-control fixes: no transform/all transitions on native controls
   (Chrome repaint flicker on hover) + breathing room after field rows. */
.omrew-field input, .omrew-field select, .omrew-field textarea,
.omrew-field-row input, .omrew-field-row select,
.omrew-search input, .omrew-search select,
.omrew-contactform textarea, .omrew-chat__composer textarea,
.omrew-msgstart textarea, .omrew-news input[type="email"] {
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
	transform: none;
}
.omrew-field-row { margin-bottom: var(--omrew-sp-6); }
.omrew-field-row:last-child, .omrew-typefields .omrew-field-row:last-child { margin-bottom: 0; }

/* Fully CSS-render selects (custom arrow) so macOS/Chrome never repaints the
   native OS widget on hover — that repaint was the one-frame flicker. */
.omrew-field select, .omrew-field-row select, .omrew-search select {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2316224a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right .95rem center;
	padding-right: 2.6rem;
}
.omrew-field select::-ms-expand, .omrew-field-row select::-ms-expand, .omrew-search select::-ms-expand { display: none; }

/* Type-aware detail groups (wizard step 2) */
.omrew-typefields {
	border: 1px dashed rgba(27,42,94,.25); border-radius: var(--omrew-r-lg);
	padding: 1.1rem 1.25rem 1.25rem; margin: var(--omrew-sp-8) 0 var(--omrew-sp-6);
	background: rgba(27,42,94,.025);
	animation: omrew-step-in .3s var(--omrew-ease-out);
}
.omrew-typefields__tag {
	display: inline-block; margin-bottom: .8rem; padding: .25rem .7rem;
	border-radius: 999px; background: var(--omrew-accent); color: #fff;
	font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}
.omrew-typefields .omrew-field:last-child, .omrew-typefields .omrew-field-row:last-child { margin-bottom: 0; }

/* Upload drop areas */
.omrew-drop {
	display: block; cursor: pointer; text-align: center;
	border: 1.5px dashed rgba(22,52,95,.30); border-radius: var(--omrew-r-lg);
	background: rgba(22,52,95,.03); padding: 2rem 1.5rem; position: relative; overflow: hidden;
	transition: var(--omrew-tx);
}
.omrew-drop:hover { border-color: var(--omrew-accent); background: rgba(22,52,95,.06); transform: translateY(-2px); }
.omrew-drop__inner { display: grid; justify-items: center; gap: .4rem; color: var(--omrew-ink-soft); }
.omrew-drop__inner svg { color: var(--omrew-accent); }
.omrew-drop__inner strong { color: var(--omrew-ink); font-size: .95rem; }
.omrew-drop__inner span { font-size: .82rem; }
.omrew-drop__preview { width: 100%; max-height: 320px; object-fit: cover; border-radius: var(--omrew-r-md); }
.omrew-drop.has-image { padding: .6rem; border-style: solid; }
.omrew-drop__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: .6rem; margin-top: .8rem; }
.omrew-drop__cell { position: relative; aspect-ratio: 1; border-radius: var(--omrew-r-md); overflow: hidden; box-shadow: var(--omrew-shadow-card); }
.omrew-drop__cell img { width: 100%; height: 100%; object-fit: cover; }
.omrew-drop__remove {
	position: absolute; top: 6px; right: 6px; width: 24px; height: 24px;
	border: 0; border-radius: 50%; background: rgba(12,26,48,.75); color: #fff;
	font-size: 15px; line-height: 1; display: grid; place-items: center;
}
.omrew-drop__remove:hover { background: var(--omrew-error); }

/* AI panel */
.omrew-ai {
	display: flex; align-items: center; justify-content: space-between; gap: var(--omrew-sp-6);
	background: radial-gradient(120% 160% at 15% 0%, #1c3f70, var(--omrew-dark) 70%);
	color: var(--omrew-on-dark); border-radius: var(--omrew-r-lg);
	padding: 1.4rem 1.5rem; margin-bottom: var(--omrew-sp-6);
	box-shadow: var(--omrew-shadow-md);
}
.omrew-ai__copy { display: grid; gap: .25rem; }
.omrew-ai__copy strong { color: #fff; font-size: 1.02rem; }
.omrew-ai__copy span { font-size: .85rem; color: var(--omrew-on-dark-soft); line-height: 1.5; }
.omrew-ai .omrew-btn { flex: 0 0 auto; }
.omrew-ai .omrew-btn.is-busy { opacity: .75; pointer-events: none; }
.omrew-ai__actions { display: grid; gap: .6rem; justify-items: stretch; flex: 0 0 auto; }
.omrew-revise { display: flex; gap: .45rem; flex-wrap: wrap; justify-content: center; }
.omrew-revise__btn {
	padding: .45rem .8rem; border-radius: 999px;
	border: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff;
	font-size: .78rem; font-weight: 600; transition: var(--omrew-tx); white-space: nowrap;
}
.omrew-revise__btn:hover { background: rgba(255,255,255,.14); border-color: #fff; transform: translateY(-1px); }
.omrew-revise__btn[disabled] { opacity: .5; pointer-events: none; }
@media (max-width: 640px) { .omrew-ai__actions { width: 100%; } }
@media (max-width: 640px) { .omrew-ai { flex-direction: column; align-items: stretch; text-align: center; } }

/* Editable description — WYSIWYG shell */
.omrew-editor-shell { border: 1.5px solid var(--omrew-line); border-radius: var(--omrew-r-md); background: #fff; overflow: hidden; transition: var(--omrew-tx); }
.omrew-editor-shell:focus-within { border-color: var(--omrew-accent); box-shadow: 0 0 0 4px rgba(22,52,95,.10); }
.omrew-editor-bar {
	display: flex; align-items: center; gap: 2px; flex-wrap: wrap;
	padding: 6px 8px; border-bottom: 1px solid var(--omrew-border-soft); background: var(--omrew-bg-soft);
}
.omrew-editor-bar button {
	min-width: 34px; height: 32px; padding: 0 8px;
	border: 1px solid transparent; border-radius: 7px; background: transparent;
	color: var(--omrew-ink); font-size: .85rem; font-weight: 600; line-height: 1;
	display: inline-flex; align-items: center; justify-content: center;
	transition: background .15s, border-color .15s, color .15s;
}
.omrew-editor-bar button:hover { background: #fff; border-color: var(--omrew-line); color: var(--omrew-accent); }
.omrew-editor-bar button.is-on { background: var(--omrew-accent); border-color: var(--omrew-accent); color: #fff; }
.omrew-editor-bar__sep { width: 1px; height: 20px; background: var(--omrew-line); margin: 0 5px; }
.omrew-editor {
	min-height: 220px; border: 0; padding: 1rem 1.15rem; background: #fff;
	line-height: 1.7; transition: var(--omrew-tx);
}
.omrew-editor:focus { outline: none; box-shadow: none; }
.omrew-editor:empty::before { content: attr(data-placeholder); color: var(--omrew-ink-soft); opacity: .7; }
.omrew-editor p { margin: 0 0 .8em; }
.omrew-editor ul, .omrew-editor ol { margin: 0 0 .8em 1.2em; }
.omrew-editor h3 { font-size: 1.25rem; margin: .6em 0 .4em; }
.omrew-editor.is-invalid { box-shadow: inset 0 0 0 1.5px var(--omrew-error); }

/* Nav + errors */
.omrew-wiz__nav { display: flex; justify-content: space-between; align-items: center; gap: var(--omrew-sp-4); margin-top: var(--omrew-sp-8); }
.omrew-wiz__error {
	background: rgba(168,50,50,.08); border: 1px solid rgba(168,50,50,.25); color: var(--omrew-error);
	border-radius: var(--omrew-r-md); padding: .8rem 1rem; font-size: .9rem; margin: var(--omrew-sp-4) 0 0;
}

/* Review list */
.omrew-review__desc {
	margin: var(--omrew-sp-5) 0 var(--omrew-sp-4);
	border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-lg);
	background: var(--omrew-bg-soft); padding: 1.25rem 1.4rem;
}
.omrew-review__desc h3 { font-size: .88rem; font-weight: 600; color: var(--omrew-ink-soft); font-family: var(--omrew-font-body); margin: 0 0 .6rem; text-transform: uppercase; letter-spacing: .06em; }
.omrew-review__desc-body { max-height: 300px; overflow-y: auto; line-height: 1.7; }
.omrew-review__desc-body p { margin: 0 0 .8em; }
.omrew-review__desc-body ul, .omrew-review__desc-body ol { margin: 0 0 .8em 1.2em; }
.omrew-review { margin: 0 0 var(--omrew-sp-4); display: grid; gap: 0; }
.omrew-review > div {
	display: grid; grid-template-columns: 140px 1fr; gap: var(--omrew-sp-4);
	padding: .8rem .35rem; border-bottom: 1px solid var(--omrew-border-soft);
}
.omrew-review dt { font-weight: 600; font-size: .88rem; color: var(--omrew-ink-soft); }
.omrew-review dd { margin: 0; font-size: .95rem; }

/* =========================================================================
   ACCOUNT DASHBOARD
   ========================================================================= */

.omrew-wizhead--slim { padding: clamp(2.5rem, 5vw, 4rem) 0; text-align: left; }
.omrew-wizhead--slim .lead { margin: 0; }

.omrew-dash { display: grid; gap: var(--omrew-sp-8); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 960px) { .omrew-dash { grid-template-columns: 280px 1fr; } }

/* Sidebar */
.omrew-dash__side {
	background: var(--omrew-surface); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-xl); padding: 1.5rem; box-shadow: var(--omrew-shadow-card);
	display: grid; gap: var(--omrew-sp-5);
}
@media (min-width: 960px) { .omrew-dash__side { position: sticky; top: 110px; } }
.omrew-dash__user { display: flex; align-items: center; gap: .9rem; padding-bottom: var(--omrew-sp-5); border-bottom: 1px solid var(--omrew-border-soft); }
.omrew-dash__avatar {
	width: 52px; height: 52px; flex: 0 0 auto; border-radius: 50%;
	background: var(--omrew-accent); color: #fff; display: grid; place-items: center;
	font-family: var(--omrew-font-display); font-weight: 700; font-size: 1.3rem;
}
.omrew-dash__user strong { display: block; font-size: 1rem; line-height: 1.2; }
.omrew-dash__tier { font-size: .78rem; color: var(--omrew-accent-2); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.omrew-dash__nav { display: grid; gap: 2px; }
.omrew-dash__nav a {
	display: flex; align-items: center; justify-content: space-between; gap: .5rem;
	padding: .7rem .9rem; border-radius: var(--omrew-r-md);
	font-weight: 600; font-size: .93rem; color: var(--omrew-ink-soft);
	transition: var(--omrew-tx);
}
.omrew-dash__nav a:hover { background: var(--omrew-bg-soft); color: var(--omrew-accent); }
.omrew-dash__nav a.is-active { background: rgba(22,52,95,.08); color: var(--omrew-accent); }
.omrew-dash__count {
	min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px;
	background: var(--omrew-accent); color: #fff; font-size: .72rem; font-weight: 700;
	display: inline-grid; place-items: center;
}
.omrew-dash__add { width: 100%; }
.omrew-dash__signout { text-align: center; font-size: .85rem; color: var(--omrew-ink-soft); }
.omrew-dash__signout:hover { color: var(--omrew-error); }

/* Panels */
.omrew-dash__panel { display: none; }
.omrew-dash__panel.is-active { display: block; animation: omrew-step-in .3s var(--omrew-ease-out); }
.omrew-dash__panelhead { display: flex; align-items: center; justify-content: space-between; gap: var(--omrew-sp-4); margin-bottom: var(--omrew-sp-6); flex-wrap: wrap; }
.omrew-dash__panelhead h2 { margin: 0; font-size: clamp(1.4rem, 2vw, 1.8rem); }
.omrew-dash__subhead { margin: var(--omrew-sp-8) 0 var(--omrew-sp-5); font-size: 1.15rem; }
.omrew-dash__subhead-row { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.omrew-dash__subhead-row .omrew-dash__subhead { flex: 1 1 auto; }
.omrew-dash__viewall { flex: 0 0 auto; font-size: .85rem; font-weight: 600; color: var(--omrew-accent-2); white-space: nowrap; }
.omrew-dash__viewall:hover { color: var(--omrew-accent); }
.omrew-cards--dash { grid-template-columns: 1fr; }
@media (min-width: 700px) { .omrew-cards--dash { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .omrew-cards--dash { grid-template-columns: repeat(3, 1fr); } }

/* Overview stats */
.omrew-dash__stats { display: grid; gap: var(--omrew-sp-4); grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin-bottom: var(--omrew-sp-6); }
.omrew-stat {
	background: var(--omrew-surface); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-lg); padding: 1.25rem 1.4rem; box-shadow: var(--omrew-shadow-card);
	display: grid; gap: .15rem; transition: var(--omrew-tx);
}
.omrew-stat:hover { transform: translateY(-3px); box-shadow: var(--omrew-shadow-pop); }
.omrew-stat__num { font-family: var(--omrew-font-display); font-weight: 700; font-size: 2rem; color: var(--omrew-accent); line-height: 1; }
.omrew-stat__label { font-size: .82rem; color: var(--omrew-ink-soft); font-weight: 600; }

/* Buyer upsell */
.omrew-dash__upsell {
	display: flex; align-items: center; justify-content: space-between; gap: var(--omrew-sp-6);
	background: radial-gradient(120% 160% at 15% 0%, #1c3f70, var(--omrew-dark) 70%);
	color: var(--omrew-on-dark); border-radius: var(--omrew-r-lg); padding: 1.6rem 1.8rem;
	box-shadow: var(--omrew-shadow-md); margin-bottom: var(--omrew-sp-6);
}
.omrew-dash__upsell h3 { color: #fff; margin: 0 0 .3rem; font-size: 1.2rem; }
.omrew-dash__upsell p { margin: 0; color: var(--omrew-on-dark-soft); font-size: .92rem; max-width: 52ch; }
.omrew-dash__upsell .omrew-btn { flex: 0 0 auto; }
@media (max-width: 700px) { .omrew-dash__upsell { flex-direction: column; align-items: stretch; text-align: center; } }

/* Manage rows */
.omrew-manage { display: grid; gap: var(--omrew-sp-4); }
.omrew-mrow {
	display: grid; grid-template-columns: 88px 1fr; gap: var(--omrew-sp-4); align-items: center;
	background: var(--omrew-surface); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-lg); padding: 1rem; box-shadow: var(--omrew-shadow-card);
	transition: var(--omrew-tx), opacity .25s;
}
.omrew-mrow:hover { box-shadow: var(--omrew-shadow-pop); border-color: transparent; transform: translateY(-2px); }
@media (min-width: 860px) { .omrew-mrow { grid-template-columns: 88px 1fr auto; } }
.omrew-mrow__media { width: 88px; height: 72px; border-radius: var(--omrew-r-md); overflow: hidden; background: linear-gradient(135deg, #eef1f6, #e2e7f0); display: grid; place-items: center; }
.omrew-mrow__media img { width: 100%; height: 100%; object-fit: cover; }
.omrew-mrow__media .omrew-mrow__placeholder { width: 40px; height: 40px; object-fit: contain; opacity: .3; }
.omrew-mrow__top { display: flex; align-items: center; gap: .7rem; margin-bottom: .25rem; }
.omrew-mstatus { font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .22rem .55rem; border-radius: 999px; }
.omrew-mstatus.is-live { background: rgba(47,111,78,.12); color: var(--omrew-success); }
.omrew-mstatus.is-draft { background: rgba(196,122,44,.14); color: var(--omrew-warn); }
.omrew-mrow__views { font-size: .78rem; color: var(--omrew-ink-soft); }
.omrew-mrow__title { margin: 0 0 .15rem; font-size: 1.05rem; }
.omrew-mrow__meta { font-size: .85rem; color: var(--omrew-ink-soft); }
.omrew-mrow__actions { display: flex; flex-wrap: wrap; gap: .4rem; }
@media (max-width: 859px) { .omrew-mrow__actions { grid-column: 1 / -1; } }
.omrew-mbtn {
	padding: .45rem .85rem; border-radius: 999px; border: 1px solid var(--omrew-line);
	background: transparent; color: var(--omrew-ink); font-size: .8rem; font-weight: 600;
	transition: var(--omrew-tx); cursor: pointer;
}
.omrew-mbtn:hover { border-color: var(--omrew-accent); color: var(--omrew-accent); transform: translateY(-1px); }
.omrew-mbtn--danger:hover { border-color: var(--omrew-error); color: var(--omrew-error); }
.omrew-mbtn[disabled] { opacity: .5; pointer-events: none; }

/* Empty states + settings cards */
.omrew-dash__empty {
	text-align: center; background: var(--omrew-surface); border: 1px dashed var(--omrew-line);
	border-radius: var(--omrew-r-xl); padding: 3rem 2rem; color: var(--omrew-ink-soft);
}
.omrew-dash__empty h3 { margin: .8rem 0 .4rem; }
.omrew-dash__empty p { max-width: 46ch; margin: 0 auto var(--omrew-sp-5); }
.omrew-dash__card {
	background: var(--omrew-surface); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-xl); padding: 1.75rem; box-shadow: var(--omrew-shadow-card);
	margin-bottom: var(--omrew-sp-5);
}
.omrew-dash__card h3 { margin-top: 0; font-size: 1.15rem; }
.omrew-dash__plan { font-family: var(--omrew-font-display); font-weight: 700; font-size: 1.4rem; color: var(--omrew-accent); margin: 0 0 .4rem; }
.omrew-dash__notice { border-radius: var(--omrew-r-md); padding: .7rem 1rem; font-size: .88rem; background: rgba(47,111,78,.1); color: var(--omrew-success); margin: 0 0 var(--omrew-sp-4); }
.omrew-dash__notice.is-error { background: rgba(168,50,50,.08); color: var(--omrew-error); }

/* =========================================================================
   AUTH (sign-in / join) — split screen
   ========================================================================= */

.omrew-auth { display: grid; grid-template-columns: 1fr; min-height: 72vh; }
@media (min-width: 960px) { .omrew-auth { grid-template-columns: 1fr 1.1fr; } }
.omrew-auth__brand {
	background: radial-gradient(120% 140% at 25% 0%, #1c3f70 0%, var(--omrew-dark) 60%, #06101f 100%);
	color: var(--omrew-on-dark); display: grid; align-items: center;
	padding: clamp(2.5rem, 6vw, 5rem) var(--omrew-section-x);
}
.omrew-auth__brandinner { max-width: 440px; margin: 0 auto; }
.omrew-auth__mark { filter: brightness(0) invert(1); opacity: .95; margin-bottom: var(--omrew-sp-6); }
.omrew-auth__brand h1 { color: #fff; font-size: clamp(1.9rem, 3vw, 2.8rem); }
.omrew-auth__brand p { color: var(--omrew-on-dark-soft); }
.omrew-auth__tag { display: inline-block; margin-top: var(--omrew-sp-6); font-weight: 700; letter-spacing: .15em; font-size: .8rem; color: var(--omrew-accent-2); }
.omrew-auth__points { list-style: none; margin: var(--omrew-sp-6) 0 0; padding: 0; display: grid; gap: .7rem; }
.omrew-auth__points li { display: flex; gap: .6rem; align-items: flex-start; color: var(--omrew-on-dark-soft); font-size: .95rem; }
.omrew-auth__points li::before { content: "✓"; color: var(--omrew-accent-2); font-weight: 700; }
.omrew-auth__panel { display: grid; align-items: center; padding: clamp(2rem, 5vw, 4rem) var(--omrew-section-x); background: var(--omrew-bg); }
.omrew-auth__card { width: 100%; max-width: 460px; margin: 0 auto; background: var(--omrew-surface); border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-xl); padding: clamp(1.75rem, 3vw, 2.5rem); box-shadow: var(--omrew-shadow-pop); }
.omrew-auth__card h2 { font-size: 1.6rem; margin-bottom: var(--omrew-sp-6); }
.omrew-auth__row { display: flex; align-items: center; justify-content: space-between; gap: var(--omrew-sp-4); margin-bottom: var(--omrew-sp-5); }
.omrew-check { display: inline-flex; align-items: flex-start; gap: .5rem; font-size: .88rem; color: var(--omrew-ink-soft); cursor: pointer; }
.omrew-check input { width: 16px; height: 16px; margin-top: .2rem; accent-color: var(--omrew-accent); }
.omrew-check--terms { margin-bottom: var(--omrew-sp-5); }
.omrew-check a { text-decoration: underline; }
.omrew-auth__forgot { font-size: .88rem; font-weight: 600; }
.omrew-auth__error { background: rgba(168,50,50,.08); border: 1px solid rgba(168,50,50,.25); color: var(--omrew-error); border-radius: var(--omrew-r-md); padding: .7rem 1rem; font-size: .88rem; margin: 0 0 var(--omrew-sp-4); }
.omrew-auth__submit { width: 100%; }
.omrew-auth__alt { text-align: center; font-size: .88rem; color: var(--omrew-ink-soft); margin: var(--omrew-sp-5) 0 0; }
.omrew-auth__alt a { font-weight: 600; }
.omrew-auth__note { text-align: center; font-size: .8rem; color: var(--omrew-ink-soft); margin: var(--omrew-sp-3) 0 0; }
.omrew-auth__invited { font-size: .92rem; color: var(--omrew-ink-soft); margin: 0 0 var(--omrew-sp-5); }
.omrew-field__opt { font-weight: 400; color: var(--omrew-ink-soft); font-size: .82em; }
.omrew-field input[readonly] { background: var(--omrew-bg-soft); color: var(--omrew-ink-soft); cursor: default; }
/* Invite-only gate (no valid invitation) */
.omrew-auth__gate { text-align: center; }
.omrew-auth__gateicon { display: inline-grid; place-items: center; width: 64px; height: 64px; margin: 0 auto var(--omrew-sp-5); border-radius: 50%; background: var(--omrew-bg-soft); color: var(--omrew-accent); }
.omrew-auth__gate h2 { margin-bottom: var(--omrew-sp-3); }
.omrew-auth__gate p { color: var(--omrew-ink-soft); margin: 0 auto var(--omrew-sp-6); max-width: 42ch; }
.omrew-auth__gateactions { display: flex; flex-wrap: wrap; gap: var(--omrew-sp-3); justify-content: center; }
.omrew-passwrap { position: relative; }
.omrew-passwrap input { padding-right: 2.8rem; }
.omrew-passtoggle { position: absolute; right: .5rem; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border: 0; background: transparent; color: var(--omrew-ink-soft); display: grid; place-items: center; border-radius: 8px; }
.omrew-passtoggle:hover, .omrew-passtoggle.is-on { color: var(--omrew-accent); }
.omrew-strength { height: 4px; border-radius: 2px; background: var(--omrew-border-soft); margin-top: .5rem; overflow: hidden; }
.omrew-strength span { display: block; height: 100%; width: 0; border-radius: 2px; background: var(--omrew-error); transition: width .25s var(--omrew-ease-out), background .25s; }
.omrew-strength.is-1 span { width: 25%; background: var(--omrew-error); }
.omrew-strength.is-2 span { width: 50%; background: var(--omrew-warn); }
.omrew-strength.is-3 span { width: 75%; background: var(--omrew-accent-2); }
.omrew-strength.is-4 span { width: 100%; background: var(--omrew-success); }
.omrew-planpick { display: flex; align-items: center; justify-content: space-between; gap: var(--omrew-sp-4); background: var(--omrew-bg-soft); border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-lg); padding: .9rem 1.1rem; margin-bottom: var(--omrew-sp-6); }
.omrew-planpick strong { display: block; font-size: .98rem; }
.omrew-planpick > div:first-child span { font-size: .8rem; color: var(--omrew-ink-soft); }
.omrew-planpick__price { text-align: right; font-size: .82rem; color: var(--omrew-ink-soft); }
.omrew-planpick__price em { font-style: normal; font-family: var(--omrew-font-display); font-weight: 700; font-size: 1.1rem; color: var(--omrew-accent); }
.omrew-planpick__price a { display: block; font-size: .78rem; text-decoration: underline; }
.omrew-intent { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
.omrew-intent__opt { position: relative; cursor: pointer; }
.omrew-intent__opt input { position: absolute; opacity: 0; }
.omrew-intent__opt span { display: block; text-align: center; padding: .7rem .5rem; border: 1.5px solid var(--omrew-line); border-radius: var(--omrew-r-md); font-weight: 600; font-size: .92rem; transition: var(--omrew-tx); }
.omrew-intent__opt input:checked + span { border-color: var(--omrew-accent); background: rgba(22,52,95,.08); color: var(--omrew-accent); }
.omrew-intent__opt input:focus-visible + span { outline: 2px solid var(--omrew-accent-2); outline-offset: 2px; }

/* =========================================================================
   PRICING EXTRAS — comparison table + FAQ
   ========================================================================= */

.omrew-compare__wrap { overflow-x: auto; background: var(--omrew-surface); border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-xl); box-shadow: var(--omrew-shadow-card); }
.omrew-compare { width: 100%; border-collapse: collapse; min-width: 640px; }
.omrew-compare th, .omrew-compare td { padding: 1rem 1.25rem; text-align: center; border-bottom: 1px solid var(--omrew-border-soft); }
.omrew-compare thead th { font-family: var(--omrew-font-display); font-size: 1.05rem; padding-top: 1.4rem; }
.omrew-compare thead th em { display: block; font-style: normal; font-family: var(--omrew-font-body); font-weight: 600; font-size: .8rem; color: var(--omrew-ink-soft); margin-top: .2rem; }
.omrew-compare tbody th { text-align: left; font-weight: 500; font-size: .93rem; color: var(--omrew-ink); }
.omrew-compare tbody tr:last-child th, .omrew-compare tbody tr:last-child td { border-bottom: 0; }
.omrew-compare .is-featured { background: rgba(22,52,95,.05); }
.omrew-compare__yes { color: var(--omrew-success); font-weight: 700; }
.omrew-compare__no { color: var(--omrew-border); }

.omrew-faq { display: grid; gap: var(--omrew-sp-3); }
.omrew-faq__item { background: var(--omrew-surface); border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-lg); box-shadow: var(--omrew-shadow-card); transition: var(--omrew-tx); overflow: hidden; }
.omrew-faq__item:hover { box-shadow: var(--omrew-shadow-md); }
.omrew-faq__item[open] { border-color: rgba(22,52,95,.3); }
.omrew-faq__item summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: var(--omrew-sp-4); padding: 1.1rem 1.3rem; font-weight: 600; font-size: 1rem; }
.omrew-faq__item summary::-webkit-details-marker { display: none; }
.omrew-faq__chev { width: 10px; height: 10px; flex: 0 0 auto; border-right: 2px solid var(--omrew-accent); border-bottom: 2px solid var(--omrew-accent); transform: rotate(45deg); transition: transform .25s var(--omrew-ease-out); }
.omrew-faq__item[open] .omrew-faq__chev { transform: rotate(-135deg); }
.omrew-faq__body { padding: 0 1.3rem 1.2rem; color: var(--omrew-ink-soft); line-height: 1.65; }

/* =========================================================================
   PROCESS STEPS (About / For Sellers)
   ========================================================================= */

.omrew-steps { display: grid; gap: var(--omrew-sp-6); grid-template-columns: 1fr; counter-reset: none; }
@media (min-width: 820px) { .omrew-steps { grid-template-columns: repeat(3, 1fr); } .omrew-steps--5 { grid-template-columns: repeat(5, 1fr); } }
.omrew-step { background: var(--omrew-surface); border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-card); padding: 1.6rem 1.5rem; box-shadow: var(--omrew-shadow-card); transition: var(--omrew-tx); }
.omrew-step:hover { transform: translateY(-4px); box-shadow: var(--omrew-shadow-pop); }
.omrew-step__num { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--omrew-accent); color: #fff; font-family: var(--omrew-font-display); font-weight: 700; margin-bottom: var(--omrew-sp-4); }
.omrew-step h3 { font-size: 1.15rem; margin-bottom: .4rem; }
.omrew-step p { margin: 0; color: var(--omrew-ink-soft); font-size: .92rem; }

/* =========================================================================
   FOOTER MEGA + newsletter
   ========================================================================= */

.omrew-footer__grid { display: grid; gap: var(--omrew-sp-10); grid-template-columns: 1fr; margin-bottom: var(--omrew-sp-12); }
@media (min-width: 700px) { .omrew-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .omrew-footer__grid { grid-template-columns: 1.5fr .9fr .9fr 1.4fr; } }
.omrew-footer__news p { font-size: 16px; line-height: 30px; margin: 0 0 var(--omrew-sp-4); }
.omrew-news { display: flex; gap: .5rem; flex-wrap: wrap; }
.omrew-news input[type="email"] {
	flex: 1 1 180px; border: 1px solid rgba(255,255,255,.2); border-radius: var(--omrew-r-full);
	background: rgba(255,255,255,.07); color: #fff; padding: .8rem 1.2rem; font: inherit; transition: var(--omrew-tx);
}
.omrew-news input[type="email"]::placeholder { color: var(--omrew-on-dark-soft); }
.omrew-news input[type="email"]:focus { outline: none; border-color: var(--omrew-accent-2); box-shadow: 0 0 0 4px rgba(194,154,75,.15); }
.omrew-news .omrew-btn { flex: 0 0 auto; }
.omrew-news__msg { font-size: .85rem; margin: .6rem 0 0; color: #9fd4b4; }
.omrew-news__msg.is-error { color: #e8a0a0; }

/* =========================================================================
   CONTACT PAGE
   ========================================================================= */

.omrew-contactgrid { display: grid; gap: var(--omrew-sp-8); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 960px) { .omrew-contactgrid { grid-template-columns: 1.5fr 1fr; } }
.omrew-contactform textarea {
	width: 100%; border: 1.5px solid var(--omrew-line); border-radius: var(--omrew-r-md);
	padding: .8rem 1rem; font: inherit; color: var(--omrew-ink); background: #fff; resize: vertical; transition: var(--omrew-tx);
}
.omrew-contactform textarea:focus { outline: none; border-color: var(--omrew-accent); box-shadow: 0 0 0 4px rgba(22,52,95,.10); }
.omrew-contactside { display: grid; gap: var(--omrew-sp-5); }

/* =========================================================================
   ARCHIVE + SINGLE PROPERTY
   ========================================================================= */

.omrew-search--archive { box-shadow: var(--omrew-shadow-card); border: 1px solid var(--omrew-line); max-width: none; margin-bottom: var(--omrew-sp-8); }
.omrew-hsearch--archive { box-shadow: var(--omrew-shadow-card); border: 1px solid var(--omrew-line); margin-bottom: var(--omrew-sp-10); }
.omrew-archive__count { color: var(--omrew-ink-soft); font-size: .9rem; margin-bottom: var(--omrew-sp-5); }
.omrew-pagination { display: flex; justify-content: center; gap: .4rem; margin-top: var(--omrew-sp-10); }
.omrew-pagination .page-numbers {
	min-width: 40px; height: 40px; padding: 0 .8rem; display: inline-grid; place-items: center;
	border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-md); font-weight: 600; font-size: .9rem;
	color: var(--omrew-ink); transition: var(--omrew-tx);
}
.omrew-pagination .page-numbers:hover { border-color: var(--omrew-accent); color: var(--omrew-accent); }
.omrew-pagination .page-numbers.current { background: var(--omrew-accent); border-color: var(--omrew-accent); color: #fff; }

.omrew-single { display: grid; gap: var(--omrew-sp-8); grid-template-columns: 1fr; align-items: start; }
@media (min-width: 960px) { .omrew-single { grid-template-columns: 1.7fr 1fr; } }
.omrew-single__head { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--omrew-sp-6); flex-wrap: wrap; }
.omrew-single__head h1 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin-bottom: .3rem; }
.omrew-single__addr { color: var(--omrew-on-dark-soft); margin: 0; }
.omrew-single__listed { display: inline-flex; align-items: center; gap: .4rem; color: var(--omrew-on-dark-soft); font-size: .85rem; margin: .7rem 0 .2rem; }
.omrew-single__listed svg { width: 15px; height: 15px; flex: 0 0 auto; opacity: .85; }
.omrew-single__price { font-family: var(--omrew-font-display); font-weight: 700; font-size: clamp(1.4rem, 2.4vw, 2rem); color: var(--omrew-accent-2); white-space: nowrap; }
.omrew-single__media { position: relative; border-radius: var(--omrew-r-xl); overflow: hidden; box-shadow: var(--omrew-shadow-lg); background: linear-gradient(135deg, #eef1f6, #e2e7f0); }
.omrew-single__hero { width: 100%; max-height: 520px; object-fit: cover; display: block; }
.omrew-single__placeholder { display: grid; place-items: center; aspect-ratio: 16/9; }
.omrew-single__placeholder img { opacity: .25; }
.omrew-single__thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 6px; padding: 6px; background: var(--omrew-surface); }
.omrew-single__thumbs img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--omrew-r-sm); transition: var(--omrew-tx); }
.omrew-single__thumbs a:hover img { transform: scale(1.04); }
.omrew-single__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: var(--omrew-sp-3); margin: var(--omrew-sp-6) 0; }
.omrew-fact { background: var(--omrew-surface); border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-md); padding: .8rem 1rem; }
.omrew-fact__label { display: block; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--omrew-ink-soft); margin-bottom: .15rem; }
.omrew-fact__value { font-weight: 600; font-size: .95rem; }
.omrew-single__desc h2 { font-size: 1.5rem; }
.omrew-single__side { position: sticky; top: 110px; display: grid; gap: var(--omrew-sp-5); }
.omrew-sellerbox__badge { display: inline-block; font-size: .75rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; background: rgba(22,52,95,.08); color: var(--omrew-accent); border-radius: var(--omrew-r-full); padding: .35rem .8rem; margin-bottom: var(--omrew-sp-4); }
.omrew-sellerbox__list { list-style: none; margin: 0 0 var(--omrew-sp-5); padding: 0; display: grid; gap: .4rem; }
.omrew-btn--block { width: 100%; }

/* =========================================================================
   PROSE (page.php, single description)
   ========================================================================= */

.omrew-prose h2 { font-size: clamp(1.4rem, 2vw, 1.9rem); margin-top: var(--omrew-sp-8); }
.omrew-prose h2:first-child { margin-top: 0; }
.omrew-prose h3 { font-size: 1.2rem; margin-top: var(--omrew-sp-6); }
.omrew-prose p, .omrew-prose li { line-height: var(--omrew-leading-loose); color: var(--omrew-ink); }
.omrew-prose ul, .omrew-prose ol { padding-left: 1.3rem; margin-bottom: 1.2em; }
.omrew-prose a { text-decoration: underline; }

/* Success */
.omrew-wiz__done { text-align: center; padding: var(--omrew-sp-8) 0; }

/* =========================================================================
   REBRAND 2026-07 — client direction: light, airy red + navy (OMREW).
   Token redefinition + targeted component re-skins. Appended as an override
   layer so the underlying system stays intact and reviewable.
   ========================================================================= */

:root {
	/* Light, blue-tinted canvas */
	--omrew-bg:          #f7fafd;
	--omrew-bg-soft:     #ecf3fa;
	--omrew-surface:     #ffffff;
	--omrew-surface-2:   #f2f7fc;
	--omrew-ink:         #16224a;   /* deep navy ink */
	--omrew-ink-soft:    #51607e;
	--omrew-border:      rgba(22, 34, 74, .14);
	--omrew-border-soft: rgba(22, 34, 74, .07);
	--omrew-line:        rgba(22, 34, 74, .12);

	/* Navy primary + RED accent (replaces gold) */
	--omrew-accent:      #1b2a5e;
	--omrew-on-accent:   #ffffff;
	--omrew-accent-2:    #d0021b;
	--omrew-dark:        #1b2a5e;
	--omrew-dark-soft:   #24367a;
	--omrew-on-dark:     #eef2fb;
	--omrew-on-dark-soft:#b9c4e0;

	--omrew-shadow-card: 0 4px 16px rgba(22,34,74,.07);
	--omrew-shadow-pop:  0 24px 70px rgba(22,34,74,.14);
}

/* ---------- Eyebrows / accents: red ---------- */
.omrew-eyebrow, .omrew-hero__eyebrow, .omrew-wizhead__eyebrow, .omrew-hero__tagline { color: var(--omrew-accent-2); }
.omrew-dash__tier { color: var(--omrew-accent-2); }

/* ---------- Buttons: red CTA family (was gold) ---------- */
.omrew-btn--gold { background: var(--omrew-accent-2); color: #fff; box-shadow: 0 6px 18px rgba(208,2,27,.25); }
.omrew-btn--gold:hover { filter: none; background: #a80116; color: #fff; }
.omrew-btn--on-dark { background: #fff; color: var(--omrew-accent); }
.omrew-btn--on-dark:hover { background: var(--omrew-accent-2); color: #fff; }
.omrew-header__cta .omrew-btn--primary { background: var(--omrew-accent); color: #fff; box-shadow: 0 6px 18px rgba(27,42,94,.22); }
.omrew-header__cta .omrew-btn--primary:hover { background: var(--omrew-accent-2); box-shadow: 0 10px 26px rgba(208,2,27,.28); }
.omrew-plan__badge { background: var(--omrew-accent-2); color: #fff; }
.omrew-plan__list li::before, .omrew-auth__points li::before { color: var(--omrew-accent-2); }
.omrew-checks li::before { background: var(--omrew-accent-2); }
.omrew-nav a::after, .omrew-signin::after { background: var(--omrew-accent-2); }
.omrew-single__price { color: var(--omrew-accent-2); }
.omrew-badge { background: var(--omrew-accent); }
.omrew-badge--state { background: var(--omrew-accent-2); }

/* ---------- Announcement bar ---------- */
.omrew-topbar {
	background: var(--omrew-accent); color: #fff; text-align: center;
	font-size: .78rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase;
	padding: .55rem var(--omrew-section-x);
}

/* ---------- Hero → light + airy ---------- */
.omrew-hero {
	background: linear-gradient(180deg, #eaf2fb 0%, #f7fafd 70%, #f2f8fd 100%);
	color: var(--omrew-ink);
}
.omrew-hero::after { background: radial-gradient(60% 50% at 85% 90%, rgba(208,2,27,.05), transparent 70%); }
.omrew-hero h1 { color: var(--omrew-ink); }
.omrew-hero h1 .is-red { color: var(--omrew-accent-2); }
.omrew-hero .lead { color: var(--omrew-ink-soft); }
.omrew-hero__sub { color: var(--omrew-ink-soft); }
.omrew-hero .omrew-btn--ghost-dark { color: var(--omrew-accent); border-color: var(--omrew-border); }
.omrew-hero .omrew-btn--ghost-dark:hover { background: var(--omrew-accent); color: #fff; border-color: var(--omrew-accent); }
.omrew-search { box-shadow: var(--omrew-shadow-pop); border: 1px solid var(--omrew-border-soft); }

/* Trust strip under the hero search */
.omrew-trust { display: grid; gap: 1px; grid-template-columns: 1fr; background: var(--omrew-border-soft); border: 1px solid var(--omrew-border-soft); border-radius: var(--omrew-r-lg); overflow: hidden; margin-top: var(--omrew-sp-8); }
@media (min-width: 820px) { .omrew-trust { grid-template-columns: repeat(3, 1fr); } }
.omrew-trust__item { background: var(--omrew-surface); padding: 1.1rem 1.4rem; display: flex; gap: .9rem; align-items: center; }
.omrew-trust__icon { width: 44px; height: 44px; flex: 0 0 auto; border-radius: 50%; background: var(--omrew-accent); color: #fff; display: grid; place-items: center; }
.omrew-trust__icon svg { width: 22px; height: 22px; }
.omrew-trust__item strong { display: block; font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; }
.omrew-trust__item span { font-size: .82rem; color: var(--omrew-ink-soft); }

/* ---------- Page-head strips → light ---------- */
.omrew-wizhead { background: linear-gradient(180deg, #eaf2fb, #f7fafd); color: var(--omrew-ink); }
.omrew-wizhead h1 { color: var(--omrew-ink); }
.omrew-wizhead .lead, .omrew-single__addr { color: var(--omrew-ink-soft); }

/* ---------- CTA banner → light with red frame (mockup pattern) ---------- */
.omrew-cta {
	background: var(--omrew-surface);
	border: 2px solid var(--omrew-accent-2);
	color: var(--omrew-ink);
	box-shadow: var(--omrew-shadow-card);
}
.omrew-cta h2 { color: var(--omrew-ink); }
.omrew-cta p { color: var(--omrew-ink-soft); }
.omrew-cta .omrew-btn--ghost-dark { color: var(--omrew-accent); border-color: var(--omrew-border); }
.omrew-cta .omrew-btn--ghost-dark:hover { background: var(--omrew-accent); color: #fff; }

/* ---------- Footer → light ---------- */
.omrew-footer {
	background-color: var(--omrew-bg-soft);
	background-image:
		radial-gradient(circle at 1px 1px, rgba(22,52,95,.06) 1px, transparent 0),
		linear-gradient(180deg, rgba(22,52,95,.04), transparent 240px);
	background-size: 22px 22px, 100% 100%;
	color: var(--omrew-ink-soft); border-top: 1px solid var(--omrew-border-soft);
}
/* Real footer logo (custom_logo) — navy mark on the light footer. */
.omrew-footer__logo { margin-bottom: var(--omrew-sp-4); line-height: 0; }
.omrew-footer__logo .custom-logo-link { display: inline-block; }
.omrew-footer__logo .custom-logo { height: 68px; width: auto; max-width: none; display: block; }
.omrew-footer a { color: var(--omrew-ink-soft); }
.omrew-footer a:hover { color: var(--omrew-accent-2); }
.omrew-footer h4 { color: var(--omrew-ink); }
.omrew-footer .omrew-brand--on-dark .omrew-brand__img { filter: none; }
.omrew-footer .omrew-brand--on-dark .omrew-brand__word { color: var(--omrew-ink); }
.omrew-footer__bottom { border-top: 1px solid var(--omrew-border); }
.omrew-footer__tag { color: var(--omrew-accent-2); }
.omrew-news input[type="email"] { background: #fff; border-color: var(--omrew-border); color: var(--omrew-ink); }
.omrew-news input[type="email"]::placeholder { color: var(--omrew-ink-soft); }
.omrew-news__msg { color: var(--omrew-success); }
.omrew-news__msg.is-error { color: var(--omrew-error); }
.omrew-footer__trustline { text-align: center; font-size: .92rem; padding: 1rem 0 0; }
.omrew-footer__trustline strong { color: var(--omrew-accent-2); }

/* ---------- Pricing: 2-plan layout + red featured card ---------- */
/* Full container width — matches the 4-up strip above (client req). */
.omrew-pricing--two { grid-template-columns: 1fr; }
@media (min-width: 820px) { .omrew-pricing--two { grid-template-columns: 1.05fr 1fr; } }
.omrew-plan--featured {
	background: var(--omrew-surface); color: var(--omrew-ink);
	border: 2.5px solid var(--omrew-accent-2); box-shadow: var(--omrew-shadow-pop);
}
.omrew-plan--featured .omrew-plan__name, .omrew-plan--featured h3 { color: var(--omrew-ink); }
.omrew-plan--featured .omrew-plan__tag, .omrew-plan--featured .omrew-plan__per, .omrew-plan--featured .omrew-plan__note { color: var(--omrew-ink-soft); }
.omrew-plan--featured .omrew-plan__price { color: var(--omrew-accent-2); }
.omrew-plan--featured .omrew-btn--on-dark { background: var(--omrew-accent-2); color: #fff; }
.omrew-plan--featured .omrew-btn--on-dark:hover { background: #a80116; }
.omrew-plan__price { color: var(--omrew-accent); }

/* ---------- Wizard head strip already light; AI panel stays navy ---------- */
.omrew-dash__upsell { background: var(--omrew-accent); }
.omrew-loc { background: linear-gradient(160deg, var(--omrew-dark-soft), var(--omrew-dark)); }

/* ---------- Rebrand components: seller price panel / founder / bring-it / 4-up ---------- */
.omrew-help--4 { grid-template-columns: 1fr; }
@media (min-width: 700px) { .omrew-help--4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) { .omrew-help--4 { grid-template-columns: repeat(4, 1fr); } }

.omrew-sellerprice {
	background: var(--omrew-surface); border: 2.5px solid var(--omrew-accent-2);
	border-radius: var(--omrew-r-xl); box-shadow: var(--omrew-shadow-pop);
	padding: 2.25rem 2rem; text-align: center; align-self: center;
	display: grid; gap: .1rem; justify-items: center;
}
.omrew-sellerprice__for { font-family: var(--omrew-font-display); font-weight: 700; font-size: 1.4rem; color: var(--omrew-accent-2); }
.omrew-sellerprice__amount { font-family: var(--omrew-font-display); font-weight: 800; font-size: clamp(3.4rem, 6vw, 5rem); line-height: 1; color: var(--omrew-accent-2); letter-spacing: -.02em; }
.omrew-sellerprice__per { font-family: var(--omrew-font-display); font-weight: 700; font-size: 1.3rem; color: var(--omrew-ink); margin-bottom: .8rem; }
.omrew-sellerprice .omrew-plan__list { text-align: left; }

.omrew-founderquote {
	margin: 0; background: var(--omrew-bg-soft); border-left: 4px solid var(--omrew-accent-2);
	border-radius: var(--omrew-r-lg); padding: 2rem 2.25rem;
}
.omrew-founderquote blockquote { margin: 0; }
.omrew-founderquote p { font-size: 1.15rem; line-height: 1.6; font-style: italic; color: var(--omrew-ink); margin: 0 0 1rem; }
.omrew-founderquote figcaption { color: var(--omrew-ink-soft); }
.omrew-founderquote figcaption strong { color: var(--omrew-accent); }

.omrew-bringit {
	display: grid; gap: var(--omrew-sp-8); grid-template-columns: 1fr; align-items: center;
	background: var(--omrew-surface); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-xl); box-shadow: var(--omrew-shadow-card);
	padding: clamp(1.75rem, 4vw, 3rem);
}
@media (min-width: 900px) { .omrew-bringit { grid-template-columns: 1.4fr 1fr; } }
.omrew-bringit h2 { margin-bottom: .6rem; }
.omrew-bringit .is-red { color: var(--omrew-accent-2); }
.omrew-bringit__side { border-left: 1px solid var(--omrew-border-soft); padding-left: var(--omrew-sp-8); }
@media (max-width: 899px) { .omrew-bringit__side { border-left: 0; padding-left: 0; border-top: 1px solid var(--omrew-border-soft); padding-top: var(--omrew-sp-5); } }

.omrew-founder { display: grid; gap: var(--omrew-sp-10); grid-template-columns: 1fr; align-items: center; }
@media (min-width: 860px) { .omrew-founder { grid-template-columns: 340px 1fr; } }
.omrew-founder__photo { width: min(300px, 70vw); aspect-ratio: 1; border-radius: 50%; overflow: hidden; margin: 0 auto; border: 5px solid var(--omrew-surface); box-shadow: var(--omrew-shadow-pop); background: linear-gradient(160deg, #eaf2fb, #dbe7f5); display: grid; place-items: center; }
.omrew-founder__photo img { width: 100%; height: 100%; object-fit: cover; }
.omrew-founder__photo .omrew-founder__placeholder img { width: 80px; height: 80px; opacity: .3; }
.omrew-founder__role { color: var(--omrew-ink-soft); font-weight: 600; margin-top: -.4rem; }
.omrew-founder__q { font-family: var(--omrew-font-display); font-weight: 700; font-size: 1.5rem; color: var(--omrew-accent-2); }

/* =========================================================================
   PREMIUM PASS (client feedback) — same structure, elevated execution.
   ========================================================================= */

/* ① Page-title strips: DARK navy (client req) + watermark + dot grid */
.omrew-wizhead {
	position: relative; isolation: isolate; overflow: hidden;
	background:
		radial-gradient(85% 130% at 12% -30%, rgba(63,88,168,.45), transparent 55%),
		radial-gradient(65% 110% at 90% 125%, rgba(208,2,27,.28), transparent 60%),
		linear-gradient(135deg, #131d40 0%, #1b2a5e 55%, #22326e 100%);
	border-bottom: 3px solid var(--omrew-accent-2);
	color: var(--omrew-on-dark);
}
.omrew-wizhead::before {
	content: ""; position: absolute; z-index: -1; top: 50%; right: -70px;
	width: 420px; height: 420px; transform: translateY(-50%);
	background: url('../images/logo.svg') center/contain no-repeat;
	opacity: .08; filter: brightness(0) invert(1); pointer-events: none;
}
.omrew-wizhead::after {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background-image: radial-gradient(rgba(255,255,255,.22) 1px, transparent 1.5px);
	background-size: 26px 26px;
	-webkit-mask-image: linear-gradient(115deg, rgba(0,0,0,.45), transparent 55%);
	mask-image: linear-gradient(115deg, rgba(0,0,0,.45), transparent 55%);
	pointer-events: none;
}
.omrew-wizhead h1 { color: #fff; }
.omrew-wizhead h1::after {
	content: ""; display: block; width: 76px; height: 4px; border-radius: 2px;
	background: linear-gradient(90deg, var(--omrew-accent-2), #ff5f6f);
	margin: 1rem auto 0;
}
.omrew-wizhead--slim h1::after { margin-left: 0; }
.omrew-wizhead .lead, .omrew-wizhead .omrew-single__addr { color: var(--omrew-on-dark-soft); margin-top: 1.1rem; }
.omrew-wizhead .omrew-eyebrow, .omrew-wizhead__eyebrow { color: #ff96a0; }
.omrew-wizhead .omrew-single__price { color: #ffb3ba; }

/* ② Promise tiles: headed, framed, alive */
.omrew-help__item { position: relative; overflow: hidden; }
.omrew-help__item::before {
	content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
	background: linear-gradient(90deg, var(--omrew-accent), var(--omrew-accent-2));
	transform: scaleX(0); transform-origin: left;
	transition: transform var(--omrew-dur-normal) var(--omrew-ease-out);
}
.omrew-help__item:hover::before { transform: scaleX(1); }
.omrew-help__icon {
	background: linear-gradient(135deg, var(--omrew-accent), #24367a);
	color: #fff; box-shadow: 0 0 0 8px rgba(27,42,94,.06), 0 8px 18px rgba(27,42,94,.22);
	transition: var(--omrew-tx);
}
.omrew-help__item:hover .omrew-help__icon { background: var(--omrew-accent-2); box-shadow: 0 0 0 8px rgba(208,2,27,.08), 0 8px 18px rgba(208,2,27,.28); }

/* ③ Founder quote: navy showpiece */
.omrew-founderquote {
	position: relative; isolation: isolate; overflow: hidden; text-align: center;
	background:
		radial-gradient(80% 120% at 85% 115%, rgba(208,2,27,.22), transparent 55%),
		linear-gradient(135deg, #16224a 0%, #1b2a5e 55%, #24367a 100%);
	color: var(--omrew-on-dark); border-left: 0; border-radius: var(--omrew-r-2xl, 28px);
	padding: clamp(2.5rem, 6vw, 4rem) clamp(1.75rem, 5vw, 3.5rem);
	box-shadow: var(--omrew-shadow-pop);
}
.omrew-founderquote::before {
	content: "\201C"; position: absolute; z-index: -1; top: -2.2rem; left: 1.2rem;
	font-family: Georgia, serif; font-size: 13rem; line-height: 1;
	color: rgba(208,2,27,.55); pointer-events: none;
}
.omrew-founderquote::after {
	content: ""; position: absolute; z-index: -1; bottom: -80px; right: -60px;
	width: 300px; height: 300px;
	background: url('../images/logo.svg') center/contain no-repeat;
	opacity: .07; filter: brightness(0) invert(1); pointer-events: none;
}
.omrew-founderquote p {
	font-family: var(--omrew-font-display); font-style: normal; font-weight: 500;
	font-size: clamp(1.2rem, 2.2vw, 1.55rem); line-height: 1.55; color: #fff;
	max-width: 56ch; margin: 0 auto 1.4rem;
}
.omrew-founderquote figcaption { color: var(--omrew-on-dark-soft); font-size: 1rem; }
.omrew-founderquote figcaption strong { display: block; color: #fff; font-size: 1.15rem; letter-spacing: .01em; }
.omrew-founderquote__role {
	display: inline-block; margin-top: .5rem; padding: .3rem .85rem; border-radius: 999px;
	background: var(--omrew-accent-2); color: #fff; font-size: .72rem; font-weight: 700;
	letter-spacing: .14em; text-transform: uppercase;
}

/* ④ Steps: gradient numbers + connecting arrows */
.omrew-step { position: relative; overflow: visible; }
.omrew-step__num {
	background: linear-gradient(135deg, var(--omrew-accent), #24367a);
	box-shadow: 0 6px 14px rgba(27,42,94,.28);
	transition: var(--omrew-tx);
}
.omrew-step:hover .omrew-step__num { background: var(--omrew-accent-2); box-shadow: 0 8px 18px rgba(208,2,27,.30); }
@media (min-width: 820px) {
	.omrew-steps .omrew-step:not(:last-child)::after {
		content: "\2192"; position: absolute; top: 50%; right: -27px; z-index: 2;
		width: 30px; height: 30px; transform: translateY(-50%);
		display: grid; place-items: center;
		background: #fff; border: 1.5px solid rgba(208,2,27,.4); border-radius: 50%;
		color: var(--omrew-accent-2); font-weight: 700; font-size: .95rem;
		box-shadow: var(--omrew-shadow-card);
		transition: var(--omrew-tx);
	}
	.omrew-steps .omrew-step:not(:last-child):hover::after { background: var(--omrew-accent-2); color: #fff; }
}

/* ⑤ CTA: DARK navy (client req) + glow, watermark, weight */
.omrew-cta {
	position: relative; isolation: isolate; overflow: hidden;
	background:
		radial-gradient(60% 100% at 10% -15%, rgba(63,88,168,.5), transparent 60%),
		radial-gradient(55% 85% at 92% 115%, rgba(208,2,27,.32), transparent 60%),
		linear-gradient(135deg, #131d40 0%, #1b2a5e 60%, #22326e 100%);
	border: 0; border-top: 3px solid var(--omrew-accent-2); border-bottom: 3px solid var(--omrew-accent-2);
	color: var(--omrew-on-dark);
	padding: clamp(3.5rem, 7vw, 6rem) var(--omrew-section-x);
}
.omrew-cta::before {
	content: ""; position: absolute; z-index: -1; top: 50%; right: -80px;
	width: 380px; height: 380px; transform: translateY(-50%);
	background: url('../images/logo.svg') center/contain no-repeat;
	opacity: .08; filter: brightness(0) invert(1); pointer-events: none;
}
.omrew-cta h2 { color: #fff; font-size: clamp(1.8rem, 3.2vw, 2.8rem); max-width: 30ch; margin-left: auto; margin-right: auto; }
.omrew-cta h2::after {
	content: ""; display: block; width: 70px; height: 4px; border-radius: 2px;
	background: linear-gradient(90deg, var(--omrew-accent-2), #ff5f6f);
	margin: 1rem auto 0;
}
.omrew-cta p { color: var(--omrew-on-dark-soft); margin-top: 1.1rem; }
.omrew-cta .omrew-btn { padding: 1rem 2.1rem; font-size: 1rem; }
.omrew-cta .omrew-btn--gold { box-shadow: 0 14px 32px rgba(208,2,27,.38); }
.omrew-cta .omrew-btn--gold:hover { transform: translateY(-2px); box-shadow: 0 20px 42px rgba(208,2,27,.44); }
.omrew-cta .omrew-btn--ghost-dark { color: #fff; border-color: rgba(255,255,255,.4); }
.omrew-cta .omrew-btn--ghost-dark:hover { background: rgba(255,255,255,.12); border-color: #fff; color: #fff; }

/* Red-emphasis utility for headings (e.g. "Free vs. OMREW Member") */
h1 .is-red, h2 .is-red, h3 .is-red { color: var(--omrew-accent-2); }

/* FAQs: ~30% wider than the narrow measure (client req) */
.omrew-container--faq { max-width: 990px; }

/* Seller/buyer $20 panel: echo the glow treatment */
.omrew-sellerprice {
	position: relative; isolation: isolate; overflow: hidden;
	background:
		radial-gradient(60% 80% at 90% 110%, rgba(208,2,27,.07), transparent 60%),
		#ffffff;
}

/* ---------- Messaging: chat UI ---------- */
.omrew-hdr-unread, .omrew-dash__count--unread { background: var(--omrew-accent-2); }
.omrew-hdr-unread {
	display: inline-grid; place-items: center; min-width: 18px; height: 18px;
	margin-left: .4rem; padding: 0 5px; border-radius: 999px;
	color: #fff; font-size: .68rem; font-weight: 700; vertical-align: 2px;
}

/* Sitewide new-message toast (notify.js) */
.omrew-toast {
	position: fixed; right: 20px; bottom: 20px; z-index: 300; max-width: min(360px, calc(100vw - 40px));
	background: var(--omrew-dark); color: #fff; border-radius: var(--omrew-r-lg);
	box-shadow: 0 18px 44px rgba(0,0,0,.32); border: 1px solid rgba(255,255,255,.12);
	opacity: 0; transform: translateY(12px); transition: opacity .3s var(--omrew-ease-out), transform .3s var(--omrew-ease-out);
}
.omrew-toast.is-in { opacity: 1; transform: translateY(0); }
.omrew-toast__link {
	display: flex; align-items: center; gap: .55rem; padding: .85rem 1.1rem;
	color: #fff; font-weight: 600; font-size: .92rem; text-decoration: none;
}
.omrew-toast__link::before {
	content: ""; flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%;
	background: var(--omrew-accent-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-8.5 8.5 8.6 8.6 0 0 1-3.9-.9L3 20l1-5.4A8.4 8.4 0 0 1 12.5 3a8.38 8.38 0 0 1 8.5 8.5z'/%3E%3C/svg%3E") center/13px no-repeat;
}
.omrew-toast__link:hover { color: #fff; text-decoration: underline; }

.omrew-chat {
	display: grid; grid-template-columns: 1fr; min-height: 540px;
	background: var(--omrew-surface); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-xl); box-shadow: var(--omrew-shadow-card); overflow: hidden;
}
@media (min-width: 860px) { .omrew-chat { grid-template-columns: 320px 1fr; } }

.omrew-chat__list { border-right: 1px solid var(--omrew-border-soft); overflow-y: auto; max-height: 640px; }
.omrew-chat__loading { padding: 1.2rem; color: var(--omrew-ink-soft); font-size: .9rem; }
.omrew-chat__item {
	display: flex; gap: .7rem; align-items: center; width: 100%; text-align: left;
	padding: .9rem 1rem; border: 0; border-bottom: 1px solid var(--omrew-border-soft);
	background: transparent; cursor: pointer; transition: background .15s;
}
.omrew-chat__item:hover { background: var(--omrew-bg-soft); }
.omrew-chat__item.is-active { background: rgba(27,42,94,.07); }
.omrew-chat__item img, .omrew-chat__thumb-ph { width: 46px; height: 46px; flex: 0 0 auto; border-radius: var(--omrew-r-md); object-fit: cover; background: linear-gradient(135deg, #eaf0f8, #dbe5f2); }
.omrew-chat__meta { min-width: 0; flex: 1; display: grid; gap: .05rem; }
.omrew-chat__meta strong { font-size: .92rem; }
.omrew-chat__meta em { font-style: normal; font-size: .75rem; color: var(--omrew-accent-2); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.omrew-chat__meta > span { font-size: .8rem; color: var(--omrew-ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.omrew-chat__side { display: grid; justify-items: end; gap: .3rem; flex: 0 0 auto; }
.omrew-chat__side time { font-size: .7rem; color: var(--omrew-ink-soft); }
.omrew-chat__unread { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--omrew-accent-2); color: #fff; font-size: .7rem; font-weight: 700; font-style: normal; }

.omrew-chat__win { display: flex; flex-direction: column; min-height: 540px; }
.omrew-chat__placeholder { margin: auto; text-align: center; padding: 2rem; color: var(--omrew-ink-soft); max-width: 40ch; }
.omrew-chat__placeholder h3 { margin: .8rem 0 .4rem; color: var(--omrew-ink); }
.omrew-chat__placeholder .omrew-btn { margin-top: 1rem; }

.omrew-chat__thread { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.omrew-chat__head { display: flex; align-items: center; gap: .8rem; padding: .9rem 1.2rem; border-bottom: 1px solid var(--omrew-border-soft); background: var(--omrew-bg-soft); }
.omrew-chat__head strong { display: block; font-size: .98rem; }
.omrew-chat__prop { font-size: .78rem; color: var(--omrew-accent-2); font-weight: 600; }
.omrew-chat__back { width: 34px; height: 34px; border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-md); background: #fff; font-size: 1rem; display: grid; place-items: center; }
@media (min-width: 860px) { .omrew-chat__back { display: none; } }
@media (max-width: 859px) {
	.omrew-chat.is-open .omrew-chat__list { display: none; }
}

.omrew-chat__msgs { flex: 1; overflow-y: auto; padding: 1.2rem; display: flex; flex-direction: column; gap: .55rem; max-height: 480px; background: #fbfdff; }
.omrew-chat__msg { display: grid; gap: .15rem; justify-items: start; max-width: 78%; }
.omrew-chat__msg.is-mine { justify-items: end; margin-left: auto; }
.omrew-chat__bubble {
	display: inline-block; padding: .6rem .9rem; border-radius: 14px 14px 14px 4px;
	background: var(--omrew-bg-soft); color: var(--omrew-ink); font-size: .93rem; line-height: 1.5;
}
.omrew-chat__msg.is-mine .omrew-chat__bubble { background: var(--omrew-accent); color: #fff; border-radius: 14px 14px 4px 14px; }
.omrew-chat__msg time { font-size: .68rem; color: var(--omrew-ink-soft); }

.omrew-chat__composer { display: flex; gap: .6rem; align-items: flex-end; padding: .9rem 1.1rem; border-top: 1px solid var(--omrew-border-soft); }
.omrew-chat__composer textarea {
	flex: 1; resize: none; border: 1.5px solid var(--omrew-line); border-radius: var(--omrew-r-md);
	padding: .65rem .9rem; font: inherit; color: var(--omrew-ink); max-height: 120px; transition: var(--omrew-tx);
}
.omrew-chat__composer textarea:focus { outline: none; border-color: var(--omrew-accent); box-shadow: 0 0 0 4px rgba(27,42,94,.10); }
.omrew-chat__composer .omrew-btn { padding: .65rem .9rem; }

/* Listing composer */
.omrew-msgstart textarea {
	width: 100%; border: 1.5px solid var(--omrew-line); border-radius: var(--omrew-r-md);
	padding: .7rem .9rem; font: inherit; color: var(--omrew-ink); resize: vertical; margin-bottom: .7rem; transition: var(--omrew-tx);
}
.omrew-msgstart textarea:focus { outline: none; border-color: var(--omrew-accent); box-shadow: 0 0 0 4px rgba(27,42,94,.10); }
.omrew-msgstart .omrew-btn + .omrew-btn { margin-top: .5rem; }

/* ---------- Header auth links: "Sign in or Sign up" ---------- */
.omrew-authlinks { display: none; align-items: center; gap: .45rem; }
@media (min-width: 1025px) { .omrew-authlinks { display: inline-flex; } }
.omrew-authlinks .omrew-signin { display: inline-flex; }
.omrew-signin--red { color: var(--omrew-accent-2); }
.omrew-authlinks__or { color: var(--omrew-ink-soft); font-size: .85rem; }
.omrew-wiz__done-icon {
	width: 76px; height: 76px; margin: 0 auto var(--omrew-sp-6); border-radius: 50%;
	background: rgba(47,111,78,.12); color: var(--omrew-success); display: grid; place-items: center;
	animation: omrew-pop .45s var(--omrew-ease-spring);
}
@keyframes omrew-pop { from { transform: scale(.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.omrew-wiz__done-actions { display: flex; gap: var(--omrew-sp-3); justify-content: center; flex-wrap: wrap; margin-top: var(--omrew-sp-6); }

/* =========================================================================
   HERO REDESIGN — photo background + slight overlay + frosted-glass filters.
   (Overrides the earlier light-hero rebrand rules; homepage hero only.)
   ========================================================================= */

.omrew-hero {
	position: relative; isolation: isolate; overflow: hidden;
	z-index: 20; /* sit above later static sections so the search dropdowns aren't painted over */
	min-height: clamp(560px, 82vh, 840px);
	display: grid; grid-template-columns: minmax(0, 1fr); align-items: center;
	background: var(--omrew-dark);
	color: #fff; padding: 0;
}
.omrew-hero__bg {
	position: absolute; inset: 0; z-index: -2;
	background-image: radial-gradient(120% 120% at 18% 0%, #1c3f70 0%, #0c1a30 58%, #06101f 100%);
	background-size: cover; background-position: center; background-repeat: no-repeat;
}
.omrew-hero__overlay {
	position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(180deg, rgba(9,16,38,.63) 0%, rgba(9,16,38,.75) 55%, rgba(9,16,38,.89) 100%);
}
.omrew-hero--photo .omrew-hero__overlay { /* +15% overlay per client */
	background: linear-gradient(180deg, rgba(9,16,38,.67) 0%, rgba(9,16,38,.70) 45%, rgba(9,16,38,.87) 100%);
}
.omrew-hero::after { content: none; }
/* Homepage hero hosts the search dropdowns, which overflow its bottom edge — it must
   not clip them (inner-page heroes keep overflow:hidden from the base rule above). */
.omrew-hero--home { overflow: visible; }
.omrew-hero .omrew-hero__inner { max-width: 1060px; margin: 0 auto; text-align: center; padding: clamp(4.5rem, 9vh, 7rem) 0; }
.omrew-hero h1 { color: #fff; text-shadow: 0 2px 30px rgba(0,0,0,.35); font-size: clamp(2.4rem, 1.4rem + 4vw, 4.4rem); max-width: 20ch; margin-left: auto; margin-right: auto; text-wrap: balance; }
.omrew-hero h1 .is-red { color: var(--omrew-accent-2); }
.omrew-hero .lead { color: rgba(255,255,255,.9); max-width: 60ch; margin-left: auto; margin-right: auto; }
.omrew-hero__sub { color: rgba(255,255,255,.78); font-style: italic; }
.omrew-hero__tagline { color: var(--omrew-accent-2); }

/* Frosted-glass filter card */
.omrew-herocard {
	margin: clamp(1.5rem, 3vw, 2.4rem) auto 0; max-width: 1015px;
	background: rgba(255,255,255,.12);
	-webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%);
	border: 1px solid rgba(255,255,255,.24);
	border-radius: var(--omrew-r-xl);
	padding: clamp(.9rem, 2vw, 1.4rem);
	box-shadow: 0 30px 80px rgba(0,0,0,.38);
}

/* Category quick-filter chips */
.omrew-herocard__cats {
	display: flex; gap: .35rem; overflow-x: auto; padding-bottom: .6rem; margin-bottom: .9rem;
	scrollbar-width: thin; scroll-snap-type: x proximity;
	border-bottom: 1px solid rgba(255,255,255,.16);
}
.omrew-hchip {
	flex: 0 0 auto; scroll-snap-align: start;
	display: flex; flex-direction: column; align-items: center; gap: .4rem;
	min-width: 88px; padding: .65rem .5rem; border-radius: var(--omrew-r-md);
	color: rgba(255,255,255,.92); font-size: .74rem; font-weight: 600; line-height: 1.2; text-align: center;
	transition: background .18s, transform .18s, color .18s;
}
.omrew-hchip__icon { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.14); }
.omrew-hchip__icon svg { width: 22px; height: 22px; }
.omrew-hchip__label { max-width: 12ch; }
.omrew-hchip:hover { background: rgba(255,255,255,.14); color: #fff; transform: translateY(-2px); }
.omrew-hchip:hover .omrew-hchip__icon { background: var(--omrew-accent-2); }

/* White search bar inside the glass */
.omrew-hsearch {
	display: flex; align-items: stretch; gap: 0;
	background: #fff; border-radius: var(--omrew-r-full); padding: .4rem .4rem .4rem 1rem;
	box-shadow: 0 12px 30px rgba(0,0,0,.22);
}
.omrew-hsearch__pin { display: none; align-items: center; color: var(--omrew-accent-2); flex: 0 0 auto; }
.omrew-hsearch__pin svg { width: 20px; height: 20px; }
@media (min-width: 720px) { .omrew-hsearch__pin { display: inline-flex; } }
.omrew-hsearch input, .omrew-hsearch select {
	border: 0; background: transparent; font: inherit; color: var(--omrew-ink);
	padding: .8rem .9rem; min-width: 0; transition: none;
}
.omrew-hsearch input { flex: 1 1 44%; }
.omrew-hsearch input:focus, .omrew-hsearch select:focus { outline: none; }
.omrew-hsearch select {
	flex: 1 1 0; border-left: 1px solid var(--omrew-border-soft); border-radius: 0;
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2316224a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right .7rem center; padding-right: 2.2rem;
}
.omrew-hsearch__submit {
	flex: 0 0 auto; display: inline-flex; align-items: center; gap: .5rem;
	border: 0; border-radius: var(--omrew-r-full); background: var(--omrew-accent-2); color: #fff;
	padding: 0 1.4rem; font-weight: 700; cursor: pointer; transition: background .2s, transform .2s;
}
.omrew-hsearch__submit svg { width: 20px; height: 20px; }
.omrew-hsearch__submit span { display: none; }
@media (min-width: 720px) { .omrew-hsearch__submit span { display: inline; } }
.omrew-hsearch__submit:hover { background: #a80116; transform: translateY(-1px); }

/* =========================================================================
   TRUST CARDS — TiDii-inspired: glowing bordered medallion + corner badge.
   (Overrides the earlier flat trust strip.)
   ========================================================================= */

.omrew-trust-sec { padding-top: clamp(3rem, 6vw, 5rem); padding-bottom: clamp(2rem, 4vw, 3.5rem); }
.omrew-trust {
	display: grid; grid-template-columns: 1fr; gap: var(--omrew-sp-6);
	background: transparent; border: 0; border-radius: 0; overflow: visible; margin-top: 0;
}
@media (min-width: 768px) { .omrew-trust { grid-template-columns: repeat(3, 1fr); gap: var(--omrew-sp-8); } }

.omrew-trust__item {
	position: relative; overflow: hidden; display: block; text-align: center;
	background: var(--omrew-surface); border: 1px solid var(--omrew-line);
	border-radius: var(--omrew-r-xl); padding: 2.6rem 1.75rem 2.1rem;
	box-shadow: 0 4px 16px rgba(22,34,74,.06);
	transition: transform .3s var(--omrew-ease-out), box-shadow .3s, border-color .3s;
}
.omrew-trust__item::before {
	content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
	background: linear-gradient(90deg, var(--omrew-accent), var(--omrew-accent-2));
	transform: scaleX(0); transform-origin: left; transition: transform .35s var(--omrew-ease-out);
}
.omrew-trust__item:hover { transform: translateY(-6px); box-shadow: 0 26px 60px rgba(22,34,74,.16); border-color: transparent; }
.omrew-trust__item:hover::before { transform: scaleX(1); }

.omrew-trust__icon {
	position: relative; width: 82px; height: 82px; margin: 0 auto 1.5rem;
	border-radius: 24px; display: grid; place-items: center; color: #fff;
	background: linear-gradient(135deg, var(--omrew-accent) 0%, #24367a 100%);
	box-shadow: 0 18px 40px -10px rgba(27,42,94,.5), 0 4px 14px rgba(27,42,94,.22);
	transition: transform .3s var(--omrew-ease-out), box-shadow .3s, background .3s;
}
.omrew-trust__icon svg { width: 36px; height: 36px; }
.omrew-trust__item:hover .omrew-trust__icon {
	transform: translateY(-3px) rotate(-5deg);
	background: linear-gradient(135deg, #d0021b 0%, #ff3b4e 100%);
	box-shadow: 0 26px 54px -10px rgba(208,2,27,.45), 0 6px 18px rgba(208,2,27,.26);
}
.omrew-trust__badge {
	position: absolute; top: -9px; right: -9px; width: 32px; height: 32px; border-radius: 11px;
	background: var(--omrew-accent-2); color: #fff; display: grid; place-items: center; z-index: 2;
	box-shadow: 0 8px 18px rgba(208,2,27,.4); transition: transform .25s var(--omrew-ease-spring), background .25s;
}
.omrew-trust__badge::after { content: "\2713"; color: #fff; font-size: 1.05rem; font-weight: 900; line-height: 1; }
.omrew-trust__item:hover .omrew-trust__badge { transform: rotate(10deg) scale(1.1); background: var(--omrew-accent); }

.omrew-trust__title {
	font-family: var(--omrew-font-display); font-size: 1.28rem; font-weight: 700;
	color: var(--omrew-ink); letter-spacing: -.01em; margin: 0 0 .55rem;
}
.omrew-trust__body { color: var(--omrew-ink-soft); font-size: .96rem; line-height: 1.6; max-width: 30ch; margin: 0 auto; }
.omrew-trust__icon svg { stroke: #fff; color: #fff; } /* white icons (client) */

/* Category rail — subtle, always-visible arrows */
.omrew-catrail { display: flex; align-items: center; gap: .25rem; margin-bottom: .9rem; padding-bottom: .6rem; border-bottom: 1px solid rgba(255,255,255,.16); }
.omrew-catrail .omrew-herocard__cats { flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; border: 0; scrollbar-width: none; scroll-behavior: smooth; }
.omrew-catrail .omrew-herocard__cats::-webkit-scrollbar { display: none; }
.omrew-catrail__arrow {
	flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%;
	border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.06); color: rgba(255,255,255,.72);
	display: grid; place-items: center; cursor: pointer;
	transition: opacity .2s, background .2s, color .2s;
}
.omrew-catrail__arrow svg { width: 15px; height: 15px; }
.omrew-catrail__arrow:hover { background: rgba(255,255,255,.16); color: #fff; }
.omrew-catrail__arrow:disabled { opacity: .22; cursor: default; pointer-events: none; }

/* =========================================================================
   HERO SEARCH — autocomplete keyword + multi-select type/state
   ========================================================================= */

/* Keyword field: ~20% narrower, with the pin + autocomplete dropdown */
.omrew-hsearch__field { position: relative; flex: 1 1 34%; display: flex; align-items: center; min-width: 120px; }
.omrew-hsearch__field input { flex: 1 1 auto; border: 0; background: transparent; font: inherit; color: var(--omrew-ink); padding: .8rem .9rem; min-width: 0; }
.omrew-hsearch__field input:focus { outline: none; }

.omrew-suggest {
	position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 80;
	min-width: 280px; max-height: 340px; overflow-y: auto;
	background: #fff; border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-md);
	box-shadow: var(--omrew-shadow-pop); padding: .35rem; text-align: left;
}
.omrew-suggest__item {
	display: flex; align-items: center; justify-content: space-between; gap: .8rem; width: 100%; text-align: left;
	border: 0; background: transparent; padding: .6rem .7rem; border-radius: var(--omrew-r-sm); cursor: pointer; color: var(--omrew-ink);
}
.omrew-suggest__item:hover { background: var(--omrew-bg-soft); }
.omrew-suggest__label { font-size: .92rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.omrew-suggest__meta { font-size: .68rem; color: var(--omrew-ink-soft); flex: 0 0 auto; text-transform: uppercase; letter-spacing: .05em; }

/* Multi-select segments inside the white search bar */
.omrew-hsearch .omrew-ms { flex: 1 1 0; min-width: 0; position: relative; border-left: 1px solid var(--omrew-border-soft); }
.omrew-hsearch .omrew-ms__toggle {
	width: 100%; display: flex; align-items: center; justify-content: space-between; gap: .4rem;
	border: 0; background: transparent; font: inherit; color: var(--omrew-ink); padding: .8rem .95rem; cursor: pointer; min-width: 0;
}
.omrew-ms__label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.omrew-hsearch .omrew-ms.has-selection .omrew-ms__label { color: var(--omrew-accent); font-weight: 600; }
.omrew-ms__chev { flex: 0 0 auto; color: var(--omrew-ink-soft); transition: transform .2s; }
.omrew-ms__toggle[aria-expanded="true"] .omrew-ms__chev { transform: rotate(180deg); }
.omrew-ms__panel {
	position: absolute; top: calc(100% + 8px); left: 0; z-index: 80;
	min-width: 264px; max-height: 300px; overflow-y: auto;
	background: #fff; border: 1px solid var(--omrew-line); border-radius: var(--omrew-r-md);
	box-shadow: var(--omrew-shadow-pop); padding: .4rem; text-align: left;
}
.omrew-hsearch .omrew-ms:last-of-type .omrew-ms__panel { left: auto; right: 0; }
.omrew-ms__opt { display: flex; align-items: center; gap: .6rem; padding: .5rem .6rem; border-radius: var(--omrew-r-sm); cursor: pointer; font-size: .9rem; color: var(--omrew-ink); text-align: left; }
.omrew-ms__opt span { text-align: left; }
.omrew-ms__opt:hover { background: var(--omrew-bg-soft); }
.omrew-ms__opt input { width: 16px; height: 16px; accent-color: var(--omrew-accent-2); flex: 0 0 auto; }
.omrew-ms__count {
	margin-left: auto; flex: 0 0 auto;
	min-width: 1.4rem; padding: 0 .45rem; border-radius: 999px;
	background: var(--omrew-bg-soft); color: var(--omrew-ink-soft);
	font-size: .72rem; font-weight: 600; line-height: 1.5; text-align: center;
}
.omrew-ms__opt:hover .omrew-ms__count { background: #fff; }
.omrew-ms__opt--empty { opacity: .42; cursor: not-allowed; }
.omrew-ms__opt--empty:hover { background: transparent; }
.omrew-ms__opt--empty input { cursor: not-allowed; }

@media (max-width: 640px) {
	.omrew-hsearch .omrew-ms { border-left: 0; border-top: 1px solid var(--omrew-border-soft); }
	.omrew-hsearch__field { flex: 1 1 100%; }
	.omrew-hsearch .omrew-ms:last-of-type .omrew-ms__panel { left: 0; right: auto; }
}

@media (max-width: 640px) {
	.omrew-hsearch { flex-direction: column; border-radius: var(--omrew-r-xl); padding: .5rem; gap: .3rem; }
	.omrew-hsearch input, .omrew-hsearch select { border-left: 0; border-bottom: 1px solid var(--omrew-border-soft); }
	.omrew-hsearch select { background-position: right 1rem center; }
	.omrew-hsearch__submit { justify-content: center; padding: .8rem; border-radius: var(--omrew-r-md); }
	.omrew-hsearch__submit span { display: inline; }
}