/* GENERATED by tools/looks/build-bt.py from looks.css — do not edit by hand. Version «B — по ТЗ» (look bt). */
/* Redesign looks A / B / C (brief sections 11–14) over the live direction, object and home pages (inc/looks.php).
   Every look sets the same tokens; sections pick a tone (base / alt / cat / deep / foot) and the tone sets the tokens
   again, including the site's own --sea-* variables, so the catalogue markup of inc/destinations.php follows.
   A Midnight & Gold — dark everywhere, champagne gold as the only accent.
   B Navy Bordeaux — navy sections alternate with porcelain, bordeaux as a seal.
   C Ivory Coast — ivory walls, ink-blue type, brass hairlines; the footer is the only dark block. */

/* ---------- tokens ---------- */
body.sea-look-a { --f-d: "Cormorant Garamond", Georgia, "Times New Roman", serif; --f-t: "Manrope", "Segoe UI", system-ui, sans-serif;
  --h1m: 44; --h1d: 88; --h1lh: 1.05; --h1ls: -.01em; --h1w: 300; --h2m: 34; --h2d: 56; --h2lh: 1.1; --h2w: 300; --h3w: 400; --dsw: 300;
  --price: 32px; --eye-ls: .16em; --radius: 2px; --pill: 2px; --page: #0B1626; }
body.sea-look-b { --f-d: "Playfair Display", Georgia, "Times New Roman", serif; --f-t: "Golos Text", "Segoe UI", system-ui, sans-serif;
  --h1m: 40; --h1d: 80; --h1lh: 1.1; --h1ls: -.015em; --h1w: 400; --h2m: 32; --h2d: 52; --h2lh: 1.15; --h2w: 400; --h3w: 400; --dsw: 400;
  --price: 30px; --eye-ls: .14em; --radius: 2px; --pill: 2px; --page: #F7F5F1; }
body.sea-look-c { --f-d: "Prata", "Prata Fallback", "Prata Fallback Noto", "Didot", Georgia, serif; --f-t: "Onest", "Onest Fallback", "Onest Fallback Roboto", "Segoe UI", system-ui, sans-serif;
  --h1m: 44; --h1d: 96; --h1lh: 1.04; --h1ls: -.02em; --h1w: 400; --h2m: 34; --h2d: 60; --h2lh: 1.1; --h2w: 400; --h3w: 400; --dsw: 400;
  --price: 30px; --eye-ls: .16em; --radius: 0px; --pill: 999px; --page: #F6F2EB; }

/* A: one dark world */
body.sea-look-a, .sea-look-a :is(.lk-tone-base, .lk-tone-alt, .lk-tone-cat, .lk-tone-deep, .lk-tone-foot, .sd-hero, .sd-catalog, .sd-final, .sd-cross, .sd-switch, .sd-object, .sx-project, .lk-head, .lk-foot) {
  --bg: #0B1626; --fg: #F2ECE0; --hd: #F2ECE0; --fg2: #9AA6B8; --line: #2A3B55; --surface: #13223A; --surface2: #101D31;
  --accent: #C6A46A; --fine: #E7D6B0; --eye: #C6A46A; --btn-bg: #C6A46A; --btn-fg: #0B1626; --btn-hover: #9C7D4A;
  --btn2-line: rgba(242, 236, 224, .4); --btn2-fg: #F2ECE0; --btn2-hover: #C6A46A; --field: #0F1C2F; --field-line: #2A3B55; --focus: #C6A46A;
  --d1: #C6A46A; --d2: #6F8AB0; --dn: #2A3B55; --grid: rgba(242, 236, 224, .08); --card: #13223A; --card-line: rgba(198, 164, 106, .18); --card-hover: rgba(198, 164, 106, .5);
  --tag-bg: rgba(11, 22, 38, .78); --tag-line: #C6A46A; --tag-fg: #C6A46A; --strong-bg: #C6A46A; --strong-fg: #0B1626; --on-bg: #C6A46A; --on-fg: #0B1626; --veil: 11, 22, 38; }
.sea-look-a :is(.lk-tone-alt, .lk-tone-cat, .sd-catalog) { --bg: #101D31; }
.sea-look-a :is(.lk-tone-deep, .lk-tone-foot, .sd-final) { --bg: #1B3254; --line: #34496B; --field: #13223A; }

/* B: navy and porcelain */
body.sea-look-b, .sea-look-b :is(.lk-tone-base, .lk-tone-alt, .lk-tone-cat, .sd-catalog, .sd-cross, .sd-switch, .sd-object, .sx-project, .lk-head) {
  --bg: #F7F5F1; --fg: #1B2433; --hd: #1B2433; --fg2: #5A6678; --line: #E2DED6; --surface: #FFFFFF; --surface2: #FFFFFF;
  --accent: #6B1E2E; --fine: #6B1E2E; --eye: #5A6678; --btn-bg: #6B1E2E; --btn-fg: #F4F1EC; --btn-hover: #561724;
  --btn2-line: #1B2433; --btn2-fg: #1B2433; --btn2-hover: #6B1E2E; --field: #FFFFFF; --field-line: #D5D9E0; --focus: #1E2D45;
  --d1: #1E2D45; --d2: #8FA9BF; --dn: #E4ECF2; --grid: rgba(27, 36, 51, .1); --card: #FFFFFF; --card-line: #E2DED6; --card-hover: rgba(30, 45, 69, .4);
  --tag-bg: rgba(255, 255, 255, .92); --tag-line: transparent; --tag-fg: #1B2433; --strong-bg: #6B1E2E; --strong-fg: #F4F1EC; --on-bg: #1E2D45; --on-fg: #F4F1EC; --veil: 247, 245, 241; }
.sea-look-b .lk-tone-alt { --bg: #E4ECF2; }
.sea-look-b :is(.lk-tone-deep, .lk-tone-foot, .sd-hero, .sd-final) {
  --bg: #1E2D45; --fg: #F4F1EC; --hd: #F4F1EC; --fg2: #B8CCDC; --line: rgba(184, 204, 220, .25); --surface: #2B3F5E; --surface2: #2B3F5E;
  --accent: #F4F1EC; --fine: #B8CCDC; --eye: #B8CCDC; --btn-bg: #F4F1EC; --btn-fg: #1E2D45; --btn-hover: #E4ECF2;
  --btn2-line: #B8CCDC; --btn2-fg: #F4F1EC; --btn2-hover: #F4F1EC; --field: #2B3F5E; --field-line: #B8CCDC; --focus: #F4F1EC;
  --d1: #F4F1EC; --d2: #B8CCDC; --dn: #2B3F5E; --grid: rgba(244, 241, 236, .1); --card: #2B3F5E; --card-line: rgba(184, 204, 220, .25); --card-hover: rgba(184, 204, 220, .6);
  --tag-bg: rgba(255, 255, 255, .92); --tag-fg: #1B2433; --on-bg: #F4F1EC; --on-fg: #1E2D45; --veil: 30, 45, 69; }

/* C: ivory, sand, ink */
body.sea-look-c, .sea-look-c :is(.lk-tone-base, .lk-tone-alt, .lk-tone-cat, .lk-tone-deep, .sd-hero, .sd-catalog, .sd-final, .sd-cross, .sd-switch, .sd-object, .sx-project, .lk-head) {
  --bg: #F6F2EB; --fg: #1C2533; --hd: #1F3654; --fg2: #5E584E; --line: #D9D1C3; --surface: #FDFBF7; --surface2: #FDFBF7;
  --accent: #1F3654; --fine: #A8875A; --eye: #4A6079; --btn-bg: #1F3654; --btn-fg: #F6F2EB; --btn-hover: #162843;
  --btn2-line: #A8875A; --btn2-fg: #1F3654; --btn2-hover: #1F3654; --field: #FDFBF7; --field-line: #D9D1C3; --focus: #1F3654;
  --d1: #1F3654; --d2: #5B728E; --dn: #D9D1C3; --grid: rgba(28, 37, 51, .08); --card: #FDFBF7; --card-line: transparent; --card-hover: transparent;
  --tag-bg: #C9D8E0; --tag-line: #C9D8E0; --tag-fg: #1F3654; --strong-bg: #1F3654; --strong-fg: #F6F2EB; --on-bg: #1F3654; --on-fg: #F6F2EB; --veil: 246, 242, 235; }
.sea-look-c :is(.lk-tone-alt, .lk-tone-deep, .sd-final) { --bg: #EAE3D7; }
.sea-look-c .lk-tone-foot { --bg: #1F3654; --fg: #F6F2EB; --hd: #F6F2EB; --fg2: rgba(246, 242, 235, .72); --line: rgba(168, 135, 90, .3); --accent: #F6F2EB; --fine: #A8875A; --eye: #C9D8E0; }

/* The site's own variables follow the tone (inc/destinations.php markup reads them). */
body.sea-look, .sea-look :is(.lk-tone-base, .lk-tone-alt, .lk-tone-cat, .lk-tone-deep, .lk-tone-foot, .sd-hero, .sd-catalog, .sd-final, .sd-cross, .sd-switch, .sd-object, .sx-project, .lk-head) {
  --sea-ink: var(--fg); --sea-muted: var(--fg2); --sea-paper: var(--surface2); --sea-gold: var(--accent); --sea-border: var(--line); --sea-radius: var(--radius); }

/* ---------- base ---------- */
body.sea-look { background: var(--page) !important; color: var(--fg); }
body.sea-look.sea-redesign :is(h1, h2, h3, h4, h5, h6, [class*="_title"], [class*="_name"], p, li, a, button, input, select, textarea, label, span, dd, dt, td, th, summary, small, strong, b) { font-family: var(--f-t) !important; }
body.sea-look.sea-redesign :is(h1, h2, h3, .lk-h2, .lk-h3, .lk-ds, .sd-facts dd, .sd-card-price, .sd-card-title, .sd-passport dl div:first-child dd, .sd-timeline strong, .sd-final p:first-child, .sd-cross a, .sd-quiz p, .sd-manager-name, .lk-kpi b, .lk-brand-n, .lk-crit-n, .lk-crit b, .lk-buy b, .lk-buy li::before, .lk-faq summary, .lk-district h3, .lk-fork-root b, .lk-fork-k b, .lk-flag-price, .lk-trev q, .lk-magnet b, .lk-step-t, .lk-figure h3, .lk-platforms span, .lk-mono, .lk-home-plaque b, .lk-dir-city, .lk-dir-tag, .lk-case .lk-ds, .lk-post b, .lk-sh-no, .lk-div span, .lk-tile b, .lk-final b, .sx-from, .sx-project h1, .sx-project h2) { font-family: var(--f-d) !important; }
.sea-look :is(.sd-page, .sd-object, .lk-home) { color: var(--fg); }
.sea-look :is(.lk-tone-base, .lk-tone-alt, .lk-tone-cat, .lk-tone-deep, .lk-tone-foot, .sd-hero, .sd-catalog, .sd-final, .sd-cross, .sd-switch, .sd-object, .sx-project) { background: var(--bg); color: var(--fg); }
.sea-look .sd-page, .sea-look .sd-object { background: var(--page); }
.sea-look a { color: inherit; }
.sea-look :focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.sea-look .lk-ph { color: var(--fine); font-style: normal; }
.sea-look-b .lk-ph { color: inherit; }
.sea-look .sea-shell { max-width: 1440px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
@media (min-width: 768px) { .sea-look .sea-shell { padding-left: 40px; padding-right: 40px; } }
@media (min-width: 1200px) { .sea-look .sea-shell { padding-left: 80px; padding-right: 80px; } }

/* Type scale of the brief */
.sea-look :is(.sd-hero h1, .sd-object h1, .lk-h1) { font-weight: var(--h1w) !important; letter-spacing: var(--h1ls); line-height: var(--h1lh) !important; color: var(--hd); text-wrap: balance; max-width: 18ch;
  font-size: clamp(calc(var(--h1m) * 1px), calc(var(--h1m) * 1px + (var(--h1d) - var(--h1m)) * (100vw - 375px) / 1065), calc(var(--h1d) * 1px)) !important; }
.sea-look .sd-object h1 { font-size: clamp(32px, 3.4vw, 52px) !important; max-width: 24ch; }
.sea-look :is(.lk-h2, .sd-block h2, .sd-similar h2) { font-weight: var(--h2w) !important; line-height: var(--h2lh) !important; color: var(--hd); text-wrap: balance; margin: 0;
  font-size: clamp(calc(var(--h2m) * 1px), calc(var(--h2m) * 1px + (var(--h2d) - var(--h2m)) * (100vw - 375px) / 1065), calc(var(--h2d) * 1px)) !important; }
.sea-look :is(.sd-block h2, .sd-similar h2) { font-size: clamp(28px, 2.6vw, 40px) !important; margin-bottom: 24px; }
.sea-look .lk-h3 { font-weight: var(--h3w); font-size: clamp(24px, 2.2vw, 32px); line-height: 1.2; margin: 0; color: var(--hd); }
.sea-look :is(.lk-eyebrow, .sd-eyebrow, .sd-card-area, .sd-manager-role) { font-size: 12px !important; line-height: 16px; font-weight: 500; letter-spacing: var(--eye-ls) !important; text-transform: uppercase; color: var(--eye) !important; margin: 0; }
.sea-look .sd-card-area { font-size: 11px !important; color: var(--fg2) !important; }
.sea-look :is(.sd-lead, .lk-lead) { font-size: 19px; line-height: 30px; color: var(--fg); max-width: 34em; }
.sea-look :is(.lk-cap, .lk-src, .sd-note, .sd-rates, .sd-map-note) { font-size: 13px !important; line-height: 20px; color: var(--fg2) !important; margin: 0; }
.sea-look .lk-src { margin-top: 4px; }

/* Buttons: one primary per screen, 52 / 48 px, radius per look */
html body.sea-look.sea-look.sea-redesign :is(.sea-button, .sea-contact-primary) { background: var(--btn-bg) !important; color: var(--btn-fg) !important; border: 1px solid var(--btn-bg) !important; border-radius: var(--radius) !important;
  min-height: 52px; padding: 0 28px !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: .04em; box-shadow: none !important; text-decoration: none; }
html body.sea-look.sea-look.sea-redesign :is(.sea-button, .sea-contact-primary):hover { background: var(--btn-hover) !important; border-color: var(--btn-hover) !important; color: var(--btn-fg) !important; }
html body.sea-look.sea-look.sea-redesign :is(.sd-button-secondary, .sd-more-button, .sd-filter-open, .sea-button-ghost, .sea-contact-secondary) { background: transparent !important; color: var(--btn2-fg) !important; border: 1px solid var(--btn2-line) !important; border-radius: var(--radius) !important;
  min-height: 52px; padding: 0 28px; font-size: 15px !important; font-weight: 500; letter-spacing: .04em; }
html body.sea-look.sea-look.sea-redesign :is(.sd-button-secondary, .sd-more-button, .sd-filter-open):hover { border-color: var(--btn2-hover) !important; }
.sea-look-c :is(.sd-button-secondary, .sd-more-button) { border: 0 !important; border-bottom: 1px solid var(--fine) !important; padding: 0 2px !important; min-height: 44px; }
@media (max-width: 767px) { body.sea-look.sea-redesign .sea-button, body.sea-look .sd-button-secondary { min-height: 48px; } }
.sea-look .lk-link { display: inline-flex; gap: 8px; align-items: center; font-size: 14px; font-weight: 500; border-bottom: 1px solid var(--line); padding-bottom: 3px; text-decoration: none; }
.sea-look .lk-link:hover { border-color: var(--accent); }

/* ---------- switcher bar (staging) ---------- */
.sea-look-bar { background: #101114; color: #E8E8E8; font: 500 12px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif !important; position: relative; z-index: 60; }
.sea-look-bar .sea-shell { display: flex; flex-wrap: nowrap; gap: 4px 14px; align-items: center; padding-block: 8px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.sea-look-bar span, .sea-look-bar a { font: inherit !important; }
.sea-look-bar span { color: #8A8A8A; }
.sea-look-bar a { color: #C9C9C9 !important; text-decoration: none; padding: 3px 8px; border-radius: 4px; }
.sea-look-bar a[aria-current] { background: #2B2D33; color: #fff !important; }
.sea-look-bar .sea-look-off { margin-left: auto; }

/* ---------- header and footer of the looks ---------- */
.lk-head { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; background: rgba(var(--veil), .86); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); color: var(--fg); }
.sea-look-b .lk-head { --veil: 247, 245, 241; }
.lk-head .sea-shell { display: flex; align-items: center; gap: 28px; height: 80px; transition: height .3s; }
.lk-head.is-small .sea-shell { height: 64px; }
.lk-logo { display: inline-flex; color: var(--fg); flex: none; }
.lk-logo svg { width: 138px; height: auto; display: block; }
.sea-look-a .lk-logo .lk-logo-mark { color: #C6A46A; } .sea-look-b .lk-logo { color: #1E2D45; } .sea-look-b .lk-logo .lk-logo-mark { color: #6B1E2E; }
.sea-look-c .lk-logo { color: #1F3654; } .sea-look-c .lk-logo .lk-logo-mark { color: #A8875A; }
.lk-nav { display: none; gap: 26px; margin-left: auto; }
.lk-nav a { font-size: 14px !important; letter-spacing: .02em; text-decoration: none; padding-block: 6px; border-bottom: 1px solid transparent; color: var(--fg) !important; }
.lk-nav a:hover, .lk-nav a[aria-current] { border-color: var(--accent); }
.lk-head-end { display: flex; align-items: center; gap: 16px; margin-left: auto; }
html body.sea-look.sea-look.sea-redesign .lk-head .sea-button { min-height: 44px !important; padding: 0 20px !important; font-size: 14px !important; }
.lk-lang { display: flex; gap: 2px; font-size: 13px; letter-spacing: .06em; }
.lk-lang a { text-decoration: none; padding: 4px 6px; color: var(--fg2) !important; }
.lk-lang a[aria-current] { color: var(--fg) !important; }
.lk-burger { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: var(--pill); background: transparent; color: var(--fg); cursor: pointer; }
.lk-burger summary { list-style: none; cursor: pointer; }
.lk-menu { position: relative; }
.lk-menu summary { list-style: none; } .lk-menu summary::-webkit-details-marker { display: none; }
.lk-menu-panel { position: absolute; right: 0; top: calc(100% + 12px); min-width: 260px; display: grid; gap: 2px; padding: 16px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 12px 32px rgba(0, 0, 0, .12); }
.lk-menu-panel a { padding: 10px 4px; font-family: var(--f-d) !important; font-size: 22px !important; text-decoration: none; color: var(--hd) !important; }
@media (min-width: 1100px) { .lk-nav { display: flex; } .lk-head-end { margin-left: 0; } .lk-menu { display: none; } }
@media (max-width: 767px) { .lk-head .sea-button, .lk-lang { display: none; } }
.lk-foot { padding-block: 96px 40px; background: var(--bg); color: var(--fg); }
.lk-foot-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px 32px; }
.lk-foot :is(h4, .lk-foot-h) { font-size: 12px !important; letter-spacing: .14em; text-transform: uppercase; color: var(--eye); font-weight: 500; margin: 0 0 16px; }
.lk-foot :is(p, li) { font-size: 14px; line-height: 22px; color: var(--fg2); margin: 0; }
.lk-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.lk-foot a { text-decoration: none; color: var(--fg) !important; }
.lk-foot a:hover { text-decoration: underline; }
.lk-foot-base { display: flex; flex-wrap: wrap; gap: 12px 32px; justify-content: space-between; margin-top: 72px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 13px; color: var(--fg2); }
.lk-foot .lk-logo { color: var(--fg); } .lk-foot .lk-logo .lk-logo-mark { color: var(--fine); }
@media (max-width: 1023px) { .lk-foot-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 559px) { .lk-foot-grid { grid-template-columns: 1fr; } }
.sea-look .sea-contact-bar { background: rgba(var(--veil), .94) !important; border-top: 1px solid var(--line) !important; }

/* ---------- direction switch, crumbs ---------- */
.sea-look .sd-switch { border-bottom: 1px solid var(--line); }
.sea-look .sd-switch a { font-size: 13px !important; letter-spacing: .04em; color: var(--fg2) !important; border: 0 !important; padding: 11px 0; }
.sea-look .sd-switch a[aria-current] { color: var(--fg) !important; }
.sea-look .sd-switch a[aria-current]::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--accent); vertical-align: 2px; }
.sea-look-b .sd-switch a[aria-current]::before { background: #6B1E2E; }
.sea-look .sd-crumbs ol { font-size: 13px; color: var(--fg2); }
.sea-look .sd-crumbs a { color: var(--fg2) !important; text-decoration: none; }

/* ---------- first screen: three compositions ---------- */
.sea-look .sd-hero { position: relative; isolation: isolate; padding: 0; }
.sea-look .sd-hero-media { position: relative; overflow: hidden; background: var(--surface2); }
.sea-look .sd-hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sea-look .sd-hero-text { display: grid; gap: 22px; align-content: start; }
.sea-look .sd-hero-text > * { margin: 0 !important; }
.sea-look .sd-hero .sd-eyebrow { order: -1; }
.sea-look .sd-lead { color: var(--fg) !important; }
.sea-look .sd-facts { gap: 18px 0; }
.sea-look .sd-facts div { border-right: 0; border-left: 1px solid var(--line); padding: 0 24px; margin: 0; }
.sea-look .sd-facts div:first-child { border-left: 0; padding-left: 0; }
.sea-look .sd-facts dd { font-weight: var(--h3w) !important; font-size: 30px !important; line-height: 1.1; color: var(--hd); }
.sea-look .sd-facts dt { font-size: 13px; line-height: 18px; color: var(--fg2) !important; }
.sea-look .sd-manager { background: var(--surface) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; color: var(--fg); padding: 22px; }
.sea-look .sd-manager-name { font-weight: 500; font-size: 18px !important; color: var(--hd); }
.sea-look .sd-manager-note { color: var(--fg2) !important; }
.sea-look .sd-manager-links a { border-radius: var(--pill) !important; border-color: var(--line) !important; color: var(--fg) !important; text-decoration: none; }
.sea-look .sd-manager-links a:hover { border-color: var(--accent) !important; }
/* A — full-bleed picture, text bottom-left, gold-ruled facts, inner gold frame */
.sea-look-a .sd-hero { display: grid; align-items: end; min-height: clamp(640px, calc(100svh - 140px), 920px); }
.sea-look-a .sd-hero-media { position: absolute; inset: 0; z-index: -1; }
.sea-look-a .sd-hero-media img { filter: saturate(.8) brightness(.86); }
.sea-look-a .sd-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(11, 22, 38, .55), rgba(11, 22, 38, 0) 30%), linear-gradient(to top, rgba(11, 22, 38, .94) 0%, rgba(11, 22, 38, .72) 30%, rgba(11, 22, 38, 0) 60%), linear-gradient(to right, rgba(11, 22, 38, .6), rgba(11, 22, 38, 0) 60%); }
.sea-look-a .sd-hero-media::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(198, 164, 106, .55); z-index: 1; pointer-events: none; }
.sea-look-a .sd-hero-grid { padding-block: 140px 56px; grid-template-columns: minmax(0, 7fr) minmax(280px, 4fr) !important; align-items: end !important; }
.sea-look-a .sd-hero .sd-facts { border-top: 1px solid rgba(198, 164, 106, .35); padding-top: 22px; }
.sea-look-a .sd-hero .sd-facts div { border-left-color: #C6A46A; }
.sea-look-a .sd-hero .sd-manager { background: rgba(19, 34, 58, .82) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border-color: rgba(198, 164, 106, .25) !important; }
/* B — split 7 / 5: picture left, navy panel right */
.sea-look-b .sd-hero { display: grid; grid-template-columns: 1fr; }
.sea-look-b .sd-hero-media { min-height: 55svh; }
.sea-look-b .sd-hero-media img { position: absolute; inset: 0; filter: saturate(.86); }
.sea-look-b .sd-hero-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 32px !important; padding-block: 40px 48px; }
@media (min-width: 1024px) {
  .sea-look-b .sd-hero { grid-template-columns: 7fr 5fr; min-height: clamp(640px, calc(100svh - 140px), 920px); }
  .sea-look-b .sd-hero-media { min-height: 0; }
  .sea-look-b .sd-hero-grid { max-width: none; padding: 64px max(56px, calc((100vw - 1440px) / 2 + 80px)) 56px 64px !important; align-content: center; }
  .sea-look-b .sd-hero h1 { font-size: clamp(40px, 3.5vw, 56px) !important; }
  .sea-look-b .sd-hero .sd-lead { font-size: 17px; line-height: 27px; }
}
.sea-look-b .sd-hero .sd-facts div { border-left-color: rgba(184, 204, 220, .3); }
/* C — headline on ivory, picture framed like a canvas below */
.sea-look-c .sd-hero { display: flex; flex-direction: column-reverse; padding-bottom: 24px; }
.sea-look-c .sd-hero-media { aspect-ratio: 21 / 9; margin: 0 auto; width: calc(100% - 2 * max(16px, min(80px, 5.5vw))); max-width: 1280px; padding: 32px; background: #FDFBF7; outline: 1px solid #D9D1C3; }
.sea-look-c .sd-hero-media img { filter: saturate(.82) sepia(.06); }
.sea-look-c .sd-hero-grid { padding-block: 48px 40px; grid-template-columns: minmax(0, 8fr) minmax(280px, 4fr) !important; align-items: end !important; }
.sea-look-c .sd-hero .sd-facts div + div { border-left: 0; position: relative; }
.sea-look-c .sd-hero .sd-facts div + div::before { content: ""; position: absolute; left: -2px; top: 14px; width: 4px; height: 4px; border-radius: 50%; background: #A8875A; }
@media (max-width: 1023px) {
  .sea-look :is(.sea-look-a, .sea-look-c) .sd-hero-grid { grid-template-columns: 1fr !important; }
  .sea-look-a .sd-hero-grid, .sea-look-c .sd-hero-grid { grid-template-columns: 1fr !important; }
  .sea-look-c .sd-hero-media { aspect-ratio: 4 / 3; padding: 16px; }
}
@media (max-width: 767px) { .sea-look-a .sd-hero { min-height: 680px; } .sea-look-a .sd-hero-grid { padding-block: 200px 32px; } .sea-look .sd-facts dd { font-size: 24px !important; } }

/* ---------- filter, toolbar, catalogue ---------- */
.sea-look .sd-catalog { padding-top: 0; }
.sea-look .sd-filter { background: rgba(var(--veil), .94) !important; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-color: var(--line) !important; top: calc(env(safe-area-inset-top, 0px) + 64px); }
.sea-look-b .sd-filter { --veil: 247, 245, 241; }
.sea-look .sd-tabs, .sea-look .sd-views { background: transparent !important; border: 1px solid var(--line); border-radius: var(--pill) !important; }
.sea-look :is(.sd-tab span, .sd-currency span, .sd-views span) { border-radius: var(--pill) !important; color: var(--fg); }
.sea-look :is(.sd-tab input:checked + span, .sd-currency input:checked + span, .sd-views input:checked + span) { background: var(--on-bg) !important; color: var(--on-fg) !important; }
.sea-look .sd-field summary { background: var(--field) !important; color: var(--fg) !important; border: 1px solid var(--field-line) !important; border-radius: var(--pill) !important; }
.sea-look .sd-field.is-set summary { border-color: var(--accent) !important; color: var(--accent) !important; }
.sea-look-b .sd-field.is-set summary { border-color: #1E2D45 !important; color: #1E2D45 !important; box-shadow: inset 0 0 0 1px #1E2D45; }
.sea-look .sd-field-panel { background: var(--surface) !important; border-color: var(--line) !important; border-radius: var(--radius) !important; color: var(--fg); }
.sea-look :is(.sd-budget input, .sd-sort select, .sd-field-panel select) { background: var(--field) !important; color: var(--fg) !important; border: 1px solid var(--field-line) !important; border-radius: var(--radius) !important; }
.sea-look .sd-check input, .sea-look .sd-range { accent-color: var(--accent); }
.sea-look-b .sd-check input, .sea-look-b .sd-range { accent-color: #6B1E2E; }
.sea-look .sd-found strong { font-family: var(--f-d) !important; font-weight: var(--h3w); font-size: 28px; color: var(--hd); }
.sea-look .sd-grid { gap: 40px 24px; }
.sea-look .sd-card { background: var(--card) !important; border: 1px solid var(--card-line) !important; border-radius: var(--radius) !important; transition: border-color .4s; }
.sea-look .sd-card:hover { border-color: var(--card-hover) !important; }
.sea-look-a .sd-card-photos img { filter: saturate(.8) brightness(.92); }
.sea-look-b .sd-card-photos img { filter: saturate(.86); }
.sea-look-c .sd-card { padding: 12px; }
.sea-look-c .sd-card-photos img { filter: saturate(.82) sepia(.05); }
.sea-look-c .sd-card-body::before { content: ""; width: 40px; height: 1px; background: #A8875A; margin-bottom: 8px; }
.sea-look .sd-card-body { padding: 22px 22px 20px; }
.sea-look-c .sd-card-body { padding: 20px 8px 8px; }
.sea-look .sd-card-title { font-size: 17px !important; line-height: 24px; font-weight: 500; font-family: var(--f-t) !important; }
.sea-look .sd-card-title a { color: var(--fg) !important; text-decoration: none; }
.sea-look .sd-card-price { font-size: var(--price) !important; font-weight: var(--h3w) !important; line-height: 1.15; color: var(--hd); }
.sea-look .sd-card-sub, .sea-look .sd-card-facts { color: var(--fg2) !important; }
.sea-look .sd-card-facts { border-color: var(--line) !important; }
.sea-look .sd-label { background: var(--tag-bg) !important; color: var(--tag-fg) !important; border: 1px solid var(--tag-line) !important; border-radius: var(--radius) !important; letter-spacing: .1em; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.sea-look .sd-label-exclusive { background: var(--strong-bg) !important; color: var(--strong-fg) !important; border-color: var(--strong-bg) !important; }
.sea-look .sd-card-actions > * { background: rgba(var(--veil), .78) !important; color: var(--fg) !important; }
.sea-look-b .sd-card-actions > * { background: rgba(255, 255, 255, .88) !important; color: #1B2433 !important; }
.sea-look .sd-card-ask { color: var(--accent) !important; }
.sea-look .sd-quiz { background: var(--surface) !important; border: 1px solid var(--line); border-radius: var(--radius) !important; padding: 40px 48px; }
.sea-look-b .sd-quiz { background: #1E2D45 !important; border: 0; color: #F4F1EC; --btn-bg: #F4F1EC; --btn-fg: #1E2D45; --btn-hover: #E4ECF2; }
.sea-look-c .sd-quiz { background: #EAE3D7 !important; border: 0; }
.sea-look .sd-quiz p { font-size: 28px !important; line-height: 1.25; color: inherit; }
.sea-look .sd-map { border-radius: var(--radius); border-color: var(--line); }
.sea-look .sd-final { padding-block: 96px; }
.sea-look .sd-final p:first-child { font-size: clamp(28px, 2.8vw, 44px) !important; line-height: 1.2 !important; color: var(--hd); max-width: 22ch; }
.sea-look .sd-final p:first-child small { display: block; margin-top: 12px; font-family: var(--f-t) !important; font-size: 14px; color: var(--fg2); }
.sea-look .sd-cross .sea-shell { padding-block: 32px; }
.sea-look .sd-cross a { font-size: 28px !important; color: var(--hd) !important; text-decoration: none; }
.sea-look .sd-cross small { font-family: var(--f-t) !important; font-size: 14px !important; }

/* ---------- object page (own listings) and Estatyx project page ---------- */
.sea-look .sd-object { padding-top: 32px; }
.sea-look .sd-gallery-main img, .sea-look .sd-gallery-thumbs img { border-radius: var(--radius) !important; }
.sea-look-a .sd-gallery-main { position: relative; display: block; }
.sea-look-a .sd-gallery-main::after { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(198, 164, 106, .55); pointer-events: none; }
.sea-look-c .sd-gallery-main { display: block; padding: 20px; background: #FDFBF7; outline: 1px solid #D9D1C3; }
.sea-look .sd-passport { background: var(--surface) !important; border-color: var(--line) !important; border-radius: var(--radius) !important; top: calc(env(safe-area-inset-top, 0px) + 88px); }
.sea-look-b .sd-passport { background: #1E2D45 !important; border: 0 !important; color: #F4F1EC; --fg: #F4F1EC; --hd: #F4F1EC; --fg2: #B8CCDC; --line: rgba(184, 204, 220, .25); --sea-border: rgba(184, 204, 220, .25); --sea-muted: #B8CCDC;
  --btn-bg: #F4F1EC; --btn-fg: #1E2D45; --btn-hover: #E4ECF2; --btn2-line: #B8CCDC; --btn2-fg: #F4F1EC; --btn2-hover: #F4F1EC; }
.sea-look .sd-passport dl div:first-child dd { font-size: 40px !important; font-weight: var(--h2w) !important; line-height: 1.1; color: var(--hd); }
.sea-look .sd-passport :is(dt) { color: var(--fg2) !important; }
.sea-look .sd-table th { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--fg2) !important; }
.sea-look-b .sd-table thead tr { border-top: 4px double rgba(30, 45, 69, .25); }
.sea-look .sd-table :is(th, td) { border-color: var(--line) !important; }
.sea-look .sd-timeline li { border-top-color: var(--d1) !important; }
.sea-look .sd-timeline strong { font-weight: var(--h3w) !important; font-size: 30px !important; color: var(--hd); }
.sea-look .sd-text { color: var(--fg); }
.sea-look .sd-readmore summary { color: var(--accent); }
.sea-look .sx-project { color: var(--fg); }
.sea-look .sx-project :is(h1, h2) { color: var(--hd) !important; font-weight: var(--h2w) !important; }
.sea-look .sx-project .sx-panel { background: var(--surface) !important; border-color: var(--line) !important; border-radius: var(--radius) !important; color: var(--fg); }
.sea-look .sx-project :is(.sx-eyebrow) { font-size: 12px !important; letter-spacing: var(--eye-ls) !important; text-transform: uppercase; color: var(--eye) !important; }
.sea-look .sx-project .sx-from { font-family: var(--f-d) !important; font-weight: var(--h2w); color: var(--hd); }
.sea-look .sx-project :is(.sx-table-wrap th, .sx-table-wrap td) { border-color: var(--line) !important; }

/* ---------- contact sheet and consent bar ---------- */
.sea-look .sea-contact-dialog { background: var(--surface) !important; color: var(--fg) !important; border-radius: var(--radius) !important; }
.sea-look-b .sea-contact-dialog { background: #FFFFFF !important; color: #1B2433 !important; }
.sea-look .sea-contact-dialog :is(h2) { font-family: var(--f-d) !important; font-weight: var(--h3w) !important; color: var(--hd) !important; }
.sea-look .sea-contact-dialog .sea-contact-option { border-radius: var(--radius) !important; border-color: var(--line) !important; background: transparent !important; color: var(--fg) !important; }
.sea-look .sea-contact-dialog .sea-contact-option:hover { border-color: var(--accent) !important; }
.sea-look .sea-lead-channel input:checked + span { background: var(--on-bg) !important; color: var(--on-fg) !important; border-color: var(--on-bg) !important; }
.sea-look .sea-consent { background: var(--surface) !important; color: var(--fg) !important; border-color: var(--line) !important; border-radius: var(--radius) !important; }
.sea-look .sea-consent-text { color: var(--fg2) !important; }
.sea-look .sea-consent-actions button { border-radius: var(--radius) !important; background: transparent !important; color: var(--fg) !important; border-color: var(--line) !important; }

/* ---------- section frame of the new blocks ---------- */
.lk-sec { padding-block: 96px; }
@media (min-width: 1024px) { .lk-sec { padding-block: 160px; } }
.lk-sh { display: grid; gap: 16px; margin-bottom: 56px; max-width: 880px; }
@media (min-width: 1024px) { .lk-sh { margin-bottom: 72px; } }
.lk-sh-lead { color: var(--fg2); max-width: 36em; font-size: 17px; line-height: 28px; margin: 0; }
.lk-sh-no, .lk-sh-rule, .lk-div { display: none; }
.sea-look-a .lk-div { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: 0 auto 64px; }
.sea-look-a .lk-div::before { content: ""; width: 64px; height: 1px; background: #C6A46A; }
.sea-look-a .lk-div span { font-size: 12px !important; letter-spacing: .16em; color: #E7D6B0; }
.sea-look-b .lk-sh-rule { display: block; width: 72px; height: 5px; border-top: 1px solid var(--d2); border-bottom: 1px solid var(--d2); }
.sea-look-b :is(.lk-tone-base, .lk-tone-alt) .lk-sh-rule { border-color: rgba(30, 45, 69, .2); }
.sea-look-c .lk-sh-no { display: block; font-size: 32px !important; line-height: 1; color: #A8875A; }
.lk-sec p { margin: 0; }

/* ---------- charts ---------- */
.lk-chart { width: 100%; height: auto; display: block; overflow: visible; }
.lk-chart text { font-family: var(--f-t); font-size: 12px; fill: var(--fg2); }
.lk-chart .lk-big { font-family: var(--f-d); font-size: 30px; fill: var(--hd); }
.lk-chart .lk-lbl { fill: var(--fg); font-size: 13px; }
.lk-chart .lk-grid { stroke: var(--grid); stroke-width: 1; }
.lk-chart .lk-s1 { stroke: var(--d1); stroke-width: 1.5; fill: none; }
.lk-chart .lk-s2 { stroke: var(--d2); stroke-width: 1.5; fill: none; }
.lk-chart .lk-f1 { fill: var(--d1); } .lk-chart .lk-fn { fill: var(--dn); }
.lk-chart .lk-hi { fill: var(--accent); }
.sea-look-b :is(.lk-tone-base, .lk-tone-alt) .lk-chart .lk-hi { fill: #6B1E2E; }
.sea-look-c .lk-chart .lk-hi { fill: #A8875A; }
.lk-chart .lk-dot { fill: var(--bg); stroke: var(--d1); stroke-width: 1.5; }
.lk-chart .lk-dot-on { fill: var(--d1); }
.lk-chart .lk-band { fill: var(--d2); opacity: .25; }
.lk-chart .lk-dash { fill: none; stroke: var(--line); stroke-dasharray: 4 4; }
.lk-chart .lk-bgfill { fill: var(--bg); }
.lk-chart .lk-ring-bg { stroke: var(--dn); }
.lk-chart .lk-ring-fg { stroke: var(--accent); }
.sea-look-b .lk-tone-alt .lk-chart .lk-ring-fg { stroke: #6B1E2E; }
.lk-chart .lk-ring-big { font-family: var(--f-d); font-size: 64px; fill: var(--hd); }
.lk-charts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 40px; }
.lk-figure { display: grid; gap: 20px; align-content: start; min-width: 0; margin: 0; }
.lk-figure h3 { font-weight: var(--h3w); font-size: 24px !important; line-height: 1.25; margin: 0; color: var(--hd); }
@media (max-width: 1023px) { .lk-charts { grid-template-columns: 1fr; } }

/* ---------- blocks ---------- */
.lk-ico { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.lk-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 1fr); gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 16px; }
@media (min-width: 1200px) { .lk-rail { grid-auto-columns: calc((100% - 96px) / 5); } }
.lk-district { scroll-snap-align: start; display: grid; gap: 10px; align-content: start; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-decoration: none; color: var(--fg) !important; transition: border-color .3s; }
.lk-district:hover { border-color: var(--accent); }
.lk-district h3 { font-weight: var(--h3w); font-size: 28px !important; margin: 0; color: var(--hd); }
.lk-district dl { display: grid; gap: 6px; margin: 4px 0 0; font-size: 14px; line-height: 20px; }
.lk-district dt { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--fg2); }
.lk-district dd { margin: 0 0 6px; }
.lk-fork { display: grid; grid-template-columns: 300px 1fr; gap: 0 56px; align-items: stretch; }
.lk-fork-root { padding: 32px; border: 1px solid var(--accent); border-radius: var(--radius); align-self: center; display: grid; gap: 12px; }
.lk-fork-root b { font-weight: var(--h3w); font-size: 26px; line-height: 1.2; color: var(--hd); }
.lk-fork-branches { display: grid; gap: 16px; position: relative; padding-left: 40px; }
.lk-fork-branches::before { content: ""; position: absolute; left: 0; top: 48px; bottom: 48px; width: 1px; background: var(--d1); }
.lk-fork-b { position: relative; display: grid; grid-template-columns: 220px 1fr; gap: 8px 32px; padding: 28px 32px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.lk-fork-b::before { content: ""; position: absolute; left: -40px; top: 50%; width: 40px; height: 1px; background: var(--d1); }
.lk-fork-k { display: grid; gap: 6px; align-content: start; }
.lk-fork-k span { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--fg2); }
.lk-fork-k b { font-weight: var(--h3w); font-size: 28px; line-height: 1.15; color: var(--hd); }
.lk-fork-b p { color: var(--fg2); font-size: 15px; line-height: 24px; }
.lk-fork-no { background: transparent; border-style: dashed; }
.lk-fork-no .lk-fork-k b { text-decoration: line-through; text-decoration-thickness: 1px; color: var(--fg2); }
.lk-stamp { justify-self: start; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; padding: 5px 10px; background: var(--strong-bg); color: var(--strong-fg); border-radius: var(--radius); }
@media (max-width: 1023px) { .lk-fork { grid-template-columns: 1fr; gap: 32px; } .lk-fork-b { grid-template-columns: 1fr; padding: 24px; } .lk-fork-branches { padding-left: 24px; } .lk-fork-b::before { left: -24px; width: 24px; } }
.lk-calc { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 56px; align-items: start; }
.lk-calc > * { min-width: 0; }
.lk-calc-in { display: grid; gap: 26px; padding: 32px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.lk-calc-out { display: grid; gap: 28px; }
.lk-field { display: grid; gap: 8px; }
.lk-field label, .lk-flabel { font-size: 13px !important; line-height: 18px; color: var(--fg2); }
.lk-inp { width: 100%; height: 48px; padding: 0 12px; background: var(--field); border: 0; border-bottom: 1px solid var(--field-line); border-radius: 0; font-size: 17px; color: var(--fg); font-variant-numeric: tabular-nums; }
.sea-look-b .lk-inp { border: 1px solid var(--field-line); border-radius: 2px; }
.lk-inp:focus { outline: none; border-color: var(--focus); box-shadow: 0 1px 0 0 var(--focus); }
.lk-calc input[type="range"] { width: 100%; accent-color: var(--accent); }
.sea-look-b .lk-calc input[type="range"] { accent-color: #6B1E2E; }
.lk-range-val { display: flex; justify-content: space-between; font-size: 14px; color: var(--fg2); font-variant-numeric: tabular-nums; }
.lk-range-val b { color: var(--fg); font-weight: 500; }
.lk-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.lk-chip { height: 36px; padding: 0 14px; border: 1px solid var(--line); background: transparent; border-radius: var(--pill); font-size: 14px; color: var(--fg); cursor: pointer; }
.lk-chip:hover { border-color: var(--accent); }
.lk-chip[aria-pressed="true"] { background: var(--on-bg); color: var(--on-fg); border-color: var(--on-bg); }
.lk-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.lk-kpis-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lk-kpi { display: grid; gap: 8px; align-content: start; padding-top: 16px; border-top: 1px solid var(--line); }
.lk-kpi b { font-weight: var(--dsw); font-size: 36px; line-height: 1.05; color: var(--accent); font-variant-numeric: lining-nums tabular-nums; }
.sea-look-b .lk-tone-base .lk-kpi b { color: #6B1E2E; }
.lk-kpi span { font-size: 13px; line-height: 19px; color: var(--fg2); }
.lk-note { font-size: 13px; line-height: 20px; color: var(--fg2); max-width: 60em; }
.lk-note b { color: var(--fg); font-weight: 500; }
.lk-split { display: flex; height: 10px; gap: 2px; background: var(--dn); }
.lk-split i { flex: 0 0 0; transition: flex-basis .4s cubic-bezier(.2, .6, .2, 1); }
#lk-y-bar-net, .lk-split-legend .k1 { background: var(--d1); } #lk-y-bar-uk, .lk-split-legend .k2 { background: var(--d2); } #lk-y-bar-tax, .lk-split-legend .k3 { background: var(--accent); }
.sea-look-b #lk-y-bar-tax, .sea-look-b .lk-split-legend .k3 { background: #6B1E2E; }
.lk-split-legend { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 13px; color: var(--fg2); }
.lk-split-legend i { display: inline-block; width: 10px; height: 10px; margin-right: 8px; vertical-align: -1px; }
@media (max-width: 1023px) { .lk-calc { grid-template-columns: 1fr; gap: 32px; } .lk-kpis { grid-template-columns: 1fr; } .lk-kpis-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lk-magnet { display: grid; grid-template-columns: 1fr auto; gap: 24px 48px; align-items: center; margin-top: 72px; padding: 40px 48px; border: 1px solid var(--line); background: var(--surface); border-radius: var(--radius); }
.lk-magnet > div { display: grid; gap: 8px; }
.lk-magnet b { font-weight: var(--h3w); font-size: 28px; line-height: 1.2; color: var(--hd); }
.lk-magnet span { color: var(--fg2); }
@media (max-width: 767px) { .lk-magnet { grid-template-columns: 1fr; padding: 28px 24px; } }
.lk-uk { display: grid; grid-template-columns: 5fr 7fr; gap: 64px; align-items: start; }
.lk-uk > * { min-width: 0; }
.lk-uk-ring { display: grid; gap: 24px; justify-items: start; }
.lk-uk-ring > svg { width: min(100%, 340px); }
.lk-uk-main { display: grid; gap: 40px; }
.lk-uk-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 32px; margin: 16px 0 0; padding: 0; list-style: none; }
.lk-uk-list li { display: flex; gap: 14px; align-items: flex-start; font-size: 15px; line-height: 22px; }
.lk-uk-list .lk-ico { color: var(--accent); }
.sea-look-b .lk-uk-list .lk-ico { color: #6B1E2E; }
.lk-platforms { display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 22px; color: var(--fg2); }
.lk-dossiers { display: flex; flex-wrap: wrap; gap: 16px 48px; }
.lk-dossiers > div { display: grid; gap: 4px; }
.lk-ds { font-weight: var(--dsw); font-size: 44px; line-height: 1; color: var(--accent); font-variant-numeric: lining-nums; }
.sea-look-b :is(.lk-tone-base, .lk-tone-alt) .lk-ds { color: #6B1E2E; }
@media (max-width: 1023px) { .lk-uk { grid-template-columns: 1fr; gap: 48px; } }
@media (max-width: 559px) { .lk-uk-list { grid-template-columns: 1fr; } }
.lk-tablewrap { overflow-x: auto; }
.lk-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 22px; min-width: 640px; }
.lk-table th { text-align: left; font-weight: 500; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--fg2); padding: 14px 16px 14px 0; border-bottom: 1px solid var(--line); }
.sea-look-b .lk-table thead tr { border-top: 4px double rgba(30, 45, 69, .25); }
.lk-table td { padding: 18px 16px 18px 0; border-bottom: 1px solid var(--line); vertical-align: top; }
.lk-table td:first-child b { font-family: var(--f-d) !important; font-weight: var(--h3w); font-size: 22px; color: var(--hd); }
.lk-sec .lk-tablewrap + .lk-cap { margin-top: 20px; }
.lk-buy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; counter-reset: b; margin: 0; padding: 0; list-style: none; }
.lk-buy li { display: grid; gap: 10px; padding: 28px 0; border-top: 1px solid var(--line); align-content: start; }
.lk-buy li::before { counter-increment: b; content: counter(b, decimal-leading-zero); font-size: 28px; line-height: 1; color: var(--fine); }
.lk-buy b { font-weight: var(--h3w); font-size: 24px; line-height: 1.2; color: var(--hd); }
.lk-buy p { color: var(--fg2); font-size: 15px; line-height: 24px; }
.lk-buy small { font-size: 13px; color: var(--fg); }
@media (max-width: 1023px) { .lk-buy { grid-template-columns: 1fr; } }
.lk-faq { display: grid; max-width: 920px; }
.lk-faq details { border-top: 1px solid var(--line); }
.lk-faq details:last-child { border-bottom: 1px solid var(--line); }
.lk-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 24px; padding: 26px 0; font-size: 24px !important; line-height: 1.3; color: var(--hd); }
.lk-faq summary::-webkit-details-marker { display: none; }
.lk-faq summary .lk-ico { margin-top: 6px; transition: transform .3s; color: var(--accent); }
.lk-faq details[open] summary .lk-ico { transform: rotate(45deg); }
.lk-faq details p { padding: 0 0 28px; color: var(--fg2); max-width: 44em; }
.lk-team { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px; }
.lk-person { display: grid; gap: 10px; align-content: start; }
.lk-person-ph { aspect-ratio: 4 / 5; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); display: grid; place-items: center; }
.lk-person-ph img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.85); }
.lk-mono { font-size: 56px; color: var(--hd); }
.lk-person b { font-weight: 500; font-size: 17px; }
.lk-person > span { font-size: 13px; line-height: 19px; color: var(--fg2); }
.lk-person .lk-link { justify-self: start; }
.lk-team + .lk-cap { margin-top: 24px; }
@media (max-width: 1023px) { .lk-team { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lk-reviews { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; }
.lk-vrev { aspect-ratio: 9 / 12; border: 1px solid var(--line); background: var(--surface2); border-radius: var(--radius); display: grid; place-content: center; justify-items: center; text-align: center; color: var(--fg2); font-size: 13px; padding: 16px; gap: 12px; }
.lk-play { width: 56px; height: 56px; border-radius: 50%; border: 1px solid var(--accent); display: grid; place-items: center; color: var(--accent); }
.lk-trev { display: grid; gap: 16px; align-content: start; padding-top: 24px; border-top: 1px solid var(--line); }
.lk-trev q { font-size: 22px; line-height: 1.35; color: var(--hd); quotes: "«" "»"; }
.lk-trev span { font-size: 13px; line-height: 19px; color: var(--fg2); }
@media (max-width: 1023px) { .lk-reviews { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lk-brands { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.lk-brand { display: grid; gap: 8px; align-content: start; padding: 28px 24px 32px; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); text-decoration: none; color: var(--fg) !important; transition: background-color .3s; }
.lk-brand:nth-child(4n + 1) { border-left: 0; padding-left: 0; }
.lk-brand:hover { background: rgba(127, 127, 127, .05); }
.lk-brand-n { font-size: 30px; line-height: 1.1; color: var(--hd); }
.lk-brand-p { font-weight: 500; font-size: 15px; }
@media (max-width: 1023px) { .lk-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lk-brand:nth-child(odd) { border-left: 0; padding-left: 0; } }
@media (max-width: 559px) { .lk-brands { grid-template-columns: 1fr; } .lk-brand { border-left: 0 !important; padding-left: 0; } }
.lk-crit { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 32px; }
.lk-crit li { display: grid; gap: 12px; align-content: start; padding-top: 24px; border-top: 1px solid var(--d1); }
.lk-crit-n { font-size: 44px; line-height: 1; color: var(--accent); }
.sea-look-b .lk-tone-alt .lk-crit-n { color: #6B1E2E; }
.lk-crit b { font-weight: var(--h3w); font-size: 22px; line-height: 1.25; color: var(--hd); }
.lk-crit p { font-size: 15px; line-height: 23px; color: var(--fg2); }
@media (max-width: 1023px) { .lk-crit { grid-template-columns: 1fr; gap: 28px; } }
.lk-flags { display: grid; gap: 96px; }
.lk-flag { display: grid; grid-template-columns: 7fr 5fr; gap: 56px; align-items: center; }
.lk-flag > * { min-width: 0; }
.lk-flag-rev { grid-template-columns: 5fr 7fr; }
.lk-flag-rev .lk-flag-img { order: 2; }
.lk-flag-img { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: var(--radius); }
.lk-flag-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .6, .2, 1); }
.lk-flag-img:hover img { transform: scale(1.03); }
.sea-look-a .lk-flag-img { overflow: visible; } .sea-look-a .lk-flag-img img { filter: saturate(.8) brightness(.9); }
.sea-look-a .lk-flag-img::after { content: ""; position: absolute; inset: 12px -12px -12px 12px; border: 1px solid rgba(198, 164, 106, .55); pointer-events: none; }
.sea-look-c .lk-flag-img { padding: 20px; background: #FDFBF7; outline: 1px solid #D9D1C3; }
.lk-flag-body { display: grid; gap: 18px; align-content: start; justify-items: start; }
.lk-flag-price { font-size: 34px; line-height: 1.1; color: var(--hd); }
.lk-flag-stats { display: grid; grid-template-columns: auto 1fr; gap: 8px 24px; margin: 0; font-size: 14px; line-height: 20px; width: 100%; padding-block: 16px; border-block: 1px solid var(--line); }
.lk-flag-stats dt { color: var(--fg2); } .lk-flag-stats dd { margin: 0; }
@media (max-width: 1023px) { .lk-flag, .lk-flag-rev { grid-template-columns: 1fr; gap: 28px; } .lk-flag-rev .lk-flag-img { order: 0; } .lk-flags { gap: 64px; } }
.lk-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); position: relative; }
.lk-steps::before { content: ""; position: absolute; left: 0; right: 0; top: 11px; height: 1px; background: var(--d1); }
.lk-steps li { position: relative; padding-right: 24px; display: grid; gap: 10px; align-content: start; }
.lk-step-dot { width: 23px; height: 23px; border-radius: 50%; border: 1px solid var(--d1); background: var(--bg); display: grid; place-items: center; font-size: 11px; color: var(--fine); position: relative; }
.lk-steps li:first-child .lk-step-dot { background: var(--d1); color: var(--bg); }
.lk-step-t { font-size: 22px; line-height: 1.25; color: var(--hd); margin-top: 18px; }
.lk-step-m { font-size: 13px; line-height: 20px; color: var(--fg2); display: grid; gap: 2px; }
.lk-step-m b { font-weight: 500; color: var(--fg); }
.lk-legal { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; margin-top: 56px !important; }
@media (max-width: 1023px) { .lk-steps { grid-template-columns: 1fr; gap: 28px; } .lk-steps::before { left: 11px; right: auto; top: 0; bottom: 0; width: 1px; height: auto; } .lk-steps li { grid-template-columns: 23px 1fr; column-gap: 20px; padding: 0; } .lk-step-dot { grid-row: 1 / span 2; } .lk-step-t { margin-top: 0; } }

@media (prefers-reduced-motion: reduce) {
  .sea-look *, .sea-look *::before, .sea-look *::after { transition: none !important; animation: none !important; }
}

/* ---------- brand home ---------- */
.lk-home { background: var(--page); }
.lk-home h1 em { font-style: italic; }
.sea-look-a .lk-home h1 em { color: #C6A46A; }
.sea-look-c .lk-home h1 em { font-style: normal; }
.lk-frames img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lk-frames img + img { opacity: 0; animation: lkFade 18s infinite; }
.lk-frames img:nth-child(3) { animation-delay: 6s; }
.lk-frames img:nth-child(2) { animation-delay: 12s; }
@keyframes lkFade { 0%, 100% { opacity: 0; } 6%, 33% { opacity: 1; } 39% { opacity: 0; } }
.sea-look-c .lk-frames img { inset: 32px; width: calc(100% - 64px); height: calc(100% - 64px); }
.lk-plaques { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; align-self: end; }
.lk-home-plaque { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 16px; padding: 18px 0; border-top: 1px solid var(--line); text-decoration: none; color: var(--fg) !important; }
.lk-plaques li:last-child .lk-home-plaque { border-bottom: 1px solid var(--line); }
.lk-home-plaque b { font-weight: var(--h3w); font-size: 30px; line-height: 1.1; color: var(--hd); }
.lk-home-plaque .lk-ico { grid-column: 2; grid-row: 1 / span 3; color: var(--accent); }
.lk-home-plaque:hover b { color: var(--accent); }
.sea-look-a .lk-plaques { border-top: 1px solid rgba(198, 164, 106, .35); }
.sea-look-a .lk-home-plaque { border-color: rgba(198, 164, 106, .35); }
@media (min-width: 1024px) { .sea-look-c .lk-plaques { grid-template-columns: 1fr; } }
.lk-trust { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px 0; margin: 0; padding: 28px 0; list-style: none; border-block: 1px solid var(--line); }
.lk-trust li { display: flex; align-items: baseline; gap: 10px; padding-inline: 20px; border-left: 1px solid var(--line); font-size: 14px; color: var(--fg2); }
.lk-trust li:first-child { border-left: 0; padding-left: 0; }
.lk-trust b { font-family: var(--f-d) !important; font-weight: var(--h3w); font-size: 32px; line-height: 1; color: var(--accent); }
.sea-look-b .lk-trust b { color: #6B1E2E; }
@media (max-width: 767px) { .lk-trust { display: grid; grid-template-columns: 1fr 1fr; } .lk-trust li { border: 0; padding: 0; flex-direction: column; gap: 4px; } }
.lk-dirs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.lk-dir { position: relative; display: flex; flex-direction: column; min-height: 620px; text-decoration: none; color: #F4F1EC !important; overflow: hidden; border-radius: var(--radius); isolation: isolate; --dv: 11, 22, 38; }
.sea-look-b .lk-dir { --dv: 30, 45, 69; } .sea-look-c .lk-dir { --dv: 31, 54, 84; }
.lk-dir-img { position: absolute; inset: 0; z-index: -1; }
.lk-dir-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .6, .2, 1); }
.lk-dir:hover .lk-dir-img img { transform: scale(1.03); }
.lk-dir-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(var(--dv), .94) 0%, rgba(var(--dv), .62) 45%, rgba(var(--dv), .1) 75%); }
.lk-dir-body { margin-top: auto; display: grid; gap: 16px; padding: 32px; }
.lk-dir .lk-eyebrow { color: rgba(244, 241, 236, .82) !important; }
.lk-dir-city { font-size: 48px; line-height: 1; font-weight: var(--h2w); }
.lk-dir-tag { font-size: 22px; line-height: 1.25; font-style: italic; opacity: .92; }
.sea-look-c .lk-dir-tag { font-style: normal; }
.lk-dir ul { margin: 0; padding: 0 0 0 18px; display: grid; gap: 8px; font-size: 15px; line-height: 22px; }
.lk-dir .lk-ph { color: inherit; opacity: .8; }
.lk-dir-cta { display: inline-flex; gap: 10px; align-items: center; font-size: 15px; font-weight: 500; padding-top: 16px; border-top: 1px solid rgba(244, 241, 236, .3); }
.sea-look-c .lk-dir { color: var(--fg) !important; min-height: 0; background: #FDFBF7; padding: 16px; }
.sea-look-c .lk-dir-img { position: relative; inset: auto; z-index: 0; aspect-ratio: 4 / 5; overflow: hidden; }
.sea-look-c .lk-dir-img::after { display: none; }
.sea-look-c .lk-dir-body { padding: 24px 8px 8px; }
.sea-look-c .lk-dir .lk-eyebrow { color: var(--eye) !important; }
.sea-look-c .lk-dir-city { color: #1F3654; }
.sea-look-c .lk-dir-cta { border-color: #D9D1C3; color: #1F3654; }
@media (max-width: 1023px) { .lk-dirs { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(84%, 420px); overflow-x: auto; scroll-snap-type: x mandatory; } .lk-dir { scroll-snap-align: start; min-height: 540px; } }
.lk-steps-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1023px) { .lk-steps-6 { grid-template-columns: 1fr; } }
.lk-why { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 64px; }
.lk-why-i { display: grid; gap: 14px; padding-block: 32px; border-top: 1px solid var(--line); align-content: start; }
.lk-why-i b { font-family: var(--f-d) !important; font-weight: var(--h3w); font-size: 28px; line-height: 1.2; color: var(--hd); }
.lk-why-i p { color: var(--fg2); font-size: 15px; line-height: 24px; }
.lk-why-i summary { cursor: pointer; list-style: none; display: inline-flex; gap: 8px; align-items: center; font-size: 15px; font-weight: 500; }
.lk-why-i summary::-webkit-details-marker { display: none; }
.lk-why-i ol { margin: 16px 0 0; padding-left: 20px; display: grid; gap: 6px; font-size: 15px; color: var(--fg2); }
@media (max-width: 767px) { .lk-why { grid-template-columns: 1fr; } }
.lk-tabs { display: flex; gap: 28px; border-bottom: 1px solid var(--line); margin-bottom: 40px; overflow-x: auto; }
.lk-tabs button { background: none; border: 0; padding: 14px 0; font-size: 15px; color: var(--fg2); border-bottom: 1px solid transparent; margin-bottom: -1px; cursor: pointer; white-space: nowrap; }
.lk-tabs button[aria-selected="true"] { color: var(--fg); border-color: var(--accent); }
.lk-featured .lk-feat { display: contents; }
.lk-featured .lk-feat[hidden] { display: none; }
.lk-cases { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.lk-case { display: grid; gap: 18px; align-content: start; padding: 36px 32px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.lk-case dl { display: grid; grid-template-columns: 96px 1fr; gap: 8px 16px; margin: 0; font-size: 14px; line-height: 20px; }
.lk-case dt { color: var(--fg2); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.lk-case dd { margin: 0; }
@media (max-width: 1023px) { .lk-cases { grid-template-columns: 1fr; } }
.lk-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.lk-tile { display: grid; gap: 14px; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; color: var(--fg) !important; align-content: start; transition: border-color .3s; }
.lk-tile:hover { border-color: var(--accent); }
.lk-tile .lk-ico { width: 28px; height: 28px; color: var(--accent); }
.sea-look-b .lk-tile .lk-ico { color: #6B1E2E; }
.lk-tile b { font-weight: var(--h3w); font-size: 24px; line-height: 1.2; color: var(--hd); }
.lk-tile span { font-size: 14px; line-height: 21px; color: var(--fg2); }
@media (max-width: 1023px) { .lk-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 559px) { .lk-tiles { grid-template-columns: 1fr; } }
.lk-journal { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.lk-post { display: grid; gap: 14px; padding-top: 24px; border-top: 1px solid var(--line); text-decoration: none; color: var(--fg) !important; align-content: start; }
.lk-post b { font-weight: var(--h3w); font-size: 26px; line-height: 1.25; color: var(--hd); }
.lk-post:hover b { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
@media (max-width: 1023px) { .lk-journal { grid-template-columns: 1fr; } }
.lk-final { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: center; }
.lk-final-btns { display: flex; flex-wrap: wrap; gap: 16px 24px; }
.lk-final-mgr { display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: center; padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); }
.lk-final-mgr img { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; }
.lk-final-mgr div { display: grid; gap: 6px; }
.lk-final-mgr b { font-family: var(--f-t) !important; font-weight: 500; font-size: 18px; }
@media (max-width: 1023px) { .lk-final { grid-template-columns: 1fr; gap: 40px; } }
.sea-look .lk-home .sd-hero-grid { align-items: end !important; }
.sea-look-b .lk-home .sd-hero-grid { align-content: center; }
@media (prefers-reduced-motion: reduce) { .lk-frames img + img { display: none; } }

/* Estatyx project page (template-parts/project-estatyx.php, assets/css/project-inventory.css) */
.sea-look.sea-look .sx-project a:not(.sea-button):not(.sd-button-secondary) { color: var(--accent); }
.sea-look-b.sea-look-b .sx-project a:not(.sea-button):not(.sd-button-secondary) { color: #6B1E2E; }
.sea-look.sea-look .sx-project .sx-nav a { color: var(--fg); }
.sea-look.sea-look .sx-project :is(.sx-lead, .sx-note) { color: var(--fg2) !important; }
.sea-look.sea-look .sx-project .sx-from { font-weight: var(--h2w) !important; font-size: 40px; line-height: 1.1; }
.sea-look.sea-look .sx-project button:not(.sea-button) { background: var(--surface) !important; color: var(--fg) !important; border-color: var(--line) !important; border-radius: var(--radius) !important; }
.sea-look.sea-look .sx-project :is(select, input) { background: var(--field) !important; color: var(--fg) !important; border-color: var(--field-line) !important; border-radius: var(--radius) !important; }
.sea-look.sea-look .sx-project :is(table, th, td) { color: var(--fg); border-color: var(--line) !important; }
.sea-look-b.sea-look-b .sx-project .sx-summary { background: #1E2D45 !important; border: 0 !important; color: #F4F1EC; --fg: #F4F1EC; --hd: #F4F1EC; --fg2: #B8CCDC; --line: rgba(184, 204, 220, .25); --btn-bg: #F4F1EC; --btn-fg: #1E2D45; --btn-hover: #E4ECF2; --btn2-line: #B8CCDC; --btn2-fg: #F4F1EC; --accent: #F4F1EC; }
.sea-look-b.sea-look-b .sx-project .sx-summary :is(dt, .sx-eyebrow) { color: #B8CCDC !important; }
.sea-look-bar .sea-shell > * { flex: none; }
/* Mobile contact bar of the contact layer: the look's primary and secondary buttons */
html body.sea-look.sea-look .sea-contact-bar :is(a, button) { border-radius: var(--radius) !important; font-family: var(--f-t) !important; box-shadow: none !important; }
html body.sea-look.sea-look .sea-contact-bar :is(a, button):first-child { background: var(--btn-bg) !important; color: var(--btn-fg) !important; border-color: var(--btn-bg) !important; }
html body.sea-look.sea-look .sea-contact-bar :is(a, button):not(:first-child) { background: transparent !important; color: var(--btn2-fg) !important; border: 1px solid var(--btn2-line) !important; }
.sea-look-b .sea-contact-bar { --btn-bg: #6B1E2E; --btn-fg: #F4F1EC; --btn2-fg: #1B2433; --btn2-line: #1B2433; }
/* Home first screen: A and C show the three directions in one row (B keeps them stacked in the navy panel) */
@media (min-width: 1024px) {
  .sea-look-a .lk-home .sd-hero-grid, .sea-look-c .lk-home .sd-hero-grid { grid-template-columns: 1fr !important; }
  .sea-look-a .lk-home .lk-plaques, .sea-look-c .lk-home .lk-plaques { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; }
  .sea-look-a .lk-home .lk-home-plaque, .sea-look-c .lk-home .lk-home-plaque { border-bottom: 0 !important; }
  .sea-look-a .lk-home .lk-plaques { gap: 0; }
  .sea-look-a .lk-home .lk-plaques li + li .lk-home-plaque { border-left: 1px solid #C6A46A; padding-left: 24px; }
  .sea-look-a .lk-home .lk-home-plaque { border-top: 0; padding-right: 24px; }
  .sea-look-a .lk-home .sd-hero-text h1, .sea-look-c .lk-home .sd-hero-text h1 { max-width: 16ch; }
}
.sea-look-c .lk-home .sd-hero-media { aspect-ratio: 21 / 9; }

/* Last section (the request form): a room with a view of the sea under the section colour (assets/img/looks/lifestyle-*).
   Only once the section nears the screen (class lk-near, assets/js/looks.js): a background is fetched even far below. */
.sea-look .lk-sec.lk-near:is(#lk-form, #lk-zoom) { background-image: linear-gradient(color-mix(in srgb, var(--bg) 90%, transparent), color-mix(in srgb, var(--bg) 72%, transparent)), url(../img/looks/lifestyle-900.webp); background-size: cover; background-position: center; }
@media (min-width: 900px) { .sea-look .lk-sec.lk-near:is(#lk-form, #lk-zoom) { background-image: linear-gradient(90deg, color-mix(in srgb, var(--bg) 94%, transparent) 30%, color-mix(in srgb, var(--bg) 60%, transparent)), url(../img/looks/lifestyle-1920.webp); } }
/* Kate's home ends with the Zoom section (#lk-zoom): Batumi at sunset with cranes under the section colour (growth;
   owner 25.10.2026, assets/img/looks/final-batumi-*), in every version per the brief. */
.sea-look .lk-sec.lk-near#lk-zoom { background-image: linear-gradient(color-mix(in srgb, var(--bg) 88%, transparent), color-mix(in srgb, var(--bg) 70%, transparent)), url(../img/looks/final-batumi-900.webp); background-size: cover; background-position: center 60%; }
@media (min-width: 900px) { .sea-look .lk-sec.lk-near#lk-zoom { background-image: linear-gradient(90deg, color-mix(in srgb, var(--bg) 94%, transparent) 30%, color-mix(in srgb, var(--bg) 55%, transparent)), url(../img/looks/final-batumi-1920.webp); } }

/* Catalogue cards: the photo keeps 4:3 whatever the source (a tall render no longer stretches the row) */
.sea-look .sd-card-media { aspect-ratio: 4 / 3; min-height: 0; overflow: hidden; }
.sea-look .sd-grid:not(.is-list) .sd-card-photos { position: absolute; inset: 0; height: auto; }
.sea-look .sd-card-photos img { min-width: 0; }
.sea-look .sd-card-body { padding: 18px 20px 18px; }

/* The form on a dark section: dark text on the white card, the look's button instead of the default blue */
html body.sea-look .lk-form-box .sea-lead-title { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
html body.sea-look .lk-form-box .sea-lead-form .wpforms-field-label, html body.sea-look .lk-form-box .sea-lead-channel legend, html body.sea-look .lk-form-box .sea-lead-interest { color: #182638 !important; font-size: 15px !important; }
html body.sea-look .lk-form-box .sea-lead-form .wpforms-field-checkbox label { color: #4A5568 !important; font-size: 13px !important; }
html body.sea-look .lk-form-box .sea-lead-form .wpforms-field-checkbox a { color: #6B1E2E !important; }
html body.sea-look .lk-form-box .sea-lead-form input:focus, html body.sea-look .lk-form-box .sea-lead-form textarea:focus { border-color: #1E2D45 !important; outline-color: rgba(30, 45, 69, .25) !important; }
html body.sea-look .sea-lead .sea-lead-form .wpforms-container .wpforms-form .wpforms-submit-container button[type=submit] { background: var(--btn-bg, #6B1E2E) !important; border-color: var(--btn-bg, #6B1E2E) !important; color: #fff !important; border-radius: var(--radius) !important; min-height: 52px; font-size: 16px !important; }
html body.sea-look-b .sea-lead .sea-lead-form .wpforms-container .wpforms-form .wpforms-submit-container button[type=submit] { background: #6B1E2E !important; border-color: #6B1E2E !important; }
/* Project page: no internal data source line for clients; nearby projects in the look's colours */
.sea-look .sx-project .sx-note:has(a[href*="estatyx.com"]) { display: none; }
.sea-look .sea-seo-card-price { color: var(--hd) !important; font-family: var(--f-d) !important; font-weight: var(--h3w) !important; }
.sea-look-b .sea-seo-card-price { color: #1B2433 !important; }
.sea-look .sea-seo-card { border-radius: var(--radius) !important; }
.sea-look .sea-seo-chips a { border-radius: var(--radius) !important; }

/* Project page: the look's buttons instead of the default blue and the white-on-white pair */
html body.sea-look-b.sea-redesign .sx-project .sx-primary { background: #6B1E2E !important; border: 1px solid #6B1E2E !important; color: #fff !important; display: flex; align-items: center; justify-content: center; text-decoration: none; }
html body.sea-look-b.sea-redesign .sx-project .sx-primary:hover { background: #561623 !important; }
html body.sea-look-b.sea-redesign .sx-project .sx-summary-actions button { background: transparent !important; color: #F4F1EC !important; border: 1px solid rgba(244, 241, 236, .45) !important; }
html body.sea-look-b.sea-redesign .sx-project .sx-summary-actions button:hover { border-color: #F4F1EC !important; }
html body.sea-look-b.sea-redesign .sx-project aside .sx-primary, html body.sea-look-b.sea-redesign .sx-project .sx-about aside .sx-primary { color: #fff !important; }
.sea-look-b .sx-project :is(ul, ol) li::marker { color: #6B1E2E; }
.sea-look-b .sx-project :is(h2) { margin-bottom: 16px !important; }
.sea-look-b .sx-project .sx-panel h3 { font-size: 22px !important; line-height: 1.3; margin: 28px 0 10px; }
.sea-look-b .sx-project .sx-files a { font-size: 15px !important; padding: 12px 18px !important; }
.sea-look .sx-project #sx-about > .sx-note { display: none; }

/* Catalogue toolbar: one quiet row of filters, the count and views beneath, no giant number */
.sea-look .sd-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.sea-look .sd-found { margin-right: auto !important; font-size: 16px !important; }
.sea-look .sd-found strong { font-size: 16px !important; font-weight: 600 !important; font-family: var(--f-t) !important; }
.sea-look .sd-field > summary, .sea-look .sd-filter-open { min-height: 44px !important; font-size: 15px !important; padding: 0 16px !important; border-radius: 8px !important; }
.sea-look .sd-sort select { min-height: 44px; font-size: 15px !important; border-radius: 8px !important; }
.sea-look .sd-views span, .sea-look .sd-tab span { font-size: 15px !important; }
.sea-look .sd-more-wrap { text-align: center; margin: 32px 0 8px !important; }
.sea-look .sd-catalog .sd-note { text-align: center; }
.sea-look .sd-catalog { padding-bottom: 48px !important; }
/* The floating "match in 1 minute" pill of the quiz: the look's colour instead of the default blue */
html body.sea-look-b .sea-quiz-pill { background: #1E2D45 !important; color: #fff !important; border-radius: 8px !important; box-shadow: 0 6px 20px rgba(30, 45, 69, .25) !important; }

/* Custom drop-down (assets/js/looks.js): the button looks like the fields, the list like the cards */
.lk-sel { position: relative; display: block; width: 100%; align-self: stretch; min-width: 0; }
.lk-sel-native { position: absolute !important; inset: 0; opacity: 0 !important; pointer-events: none !important; width: 100% !important; height: 100% !important; }
.lk-sel-btn { width: 100%; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; background: var(--field); color: var(--fg); border: 1px solid var(--field-line); border-radius: var(--radius); font: 500 15px/1.3 var(--f-t) !important; text-align: left; cursor: pointer; }
.lk-sel-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-sel-btn::after { content: ""; flex: none; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-3px); opacity: .7; transition: transform .2s; }
.lk-sel-btn[aria-expanded="true"] { border-color: var(--focus); box-shadow: 0 0 0 3px color-mix(in srgb, var(--focus) 18%, transparent); }
.lk-sel-btn[aria-expanded="true"]::after { transform: rotate(-135deg) translateY(-3px); }
.lk-sel-btn:disabled { opacity: .5; cursor: default; }
.lk-sel-list { position: absolute; z-index: 70; left: 0; right: 0; top: calc(100% + 6px); max-height: 280px; overflow-y: auto; margin: 0; padding: 6px; list-style: none; background: var(--surface); color: var(--fg); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 12px 32px rgba(27, 36, 51, .14); outline: none; min-width: 200px; }
.lk-sel.is-up .lk-sel-list { top: auto; bottom: calc(100% + 6px); }
.lk-sel-list li { padding: 10px 12px; border-radius: 6px; font-size: 15px; line-height: 1.35; cursor: pointer; }
.lk-sel-list li.is-active, .lk-sel-list li:hover { background: color-mix(in srgb, var(--fg) 8%, transparent); }
.lk-sel-list li[aria-selected="true"] { font-weight: 600; color: var(--accent); }
.lk-sel-list li[aria-selected="true"]::before { content: "✓"; margin-right: 8px; }
.lk-sel-list li[aria-disabled="true"] { opacity: .45; cursor: default; }
.sea-look .lk-tone-deep .lk-sel-btn { border-color: transparent; }
.sea-look .sd-sort .lk-sel { width: auto; min-width: 210px; flex: none; }
.sea-look .sd-sort .lk-sel-btn { min-height: 44px; }

/* Client tags on cards and the project page (inc/destinations.php: invest / home / residence) */
.sd-tags { list-style: none; margin: 8px 0 4px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.sd-tag { font-size: 12px; line-height: 1; font-weight: 500; padding: 6px 10px; border-radius: 999px; background: #EEF1F6; color: #1E2D45; white-space: nowrap; }
.sd-tag-invest { background: #F4E9EB; color: #6B1E2E; }
.sd-tag-home { background: #E9F1EC; color: #24563A; }
.sd-tag-residence { background: #EEF1F6; color: #1E2D45; }
.sx-project .sd-tags { margin: 12px 0 0; }
.sx-project .sd-tag { font-size: 13px; padding: 7px 12px; }
html body.sea-look .lk-sel-btn .lk-sel-text { display: block !important; position: static !important; width: auto !important; height: auto !important; clip: auto !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--fg) !important; font-size: 15px !important; }

/* Reviewed object text (inc/project-texts.json) on the Phuket listing pages: the same rhythm as the project page */
.sea-look .sd-reviewed p { margin: 0 0 12px !important; font-size: 17px; line-height: 27px; }
html body.sea-look.sea-redesign .sd-reviewed h3 { font-size: 20px !important; line-height: 1.3; margin: 28px 0 10px !important; color: var(--hd); }
.sea-look .sd-reviewed ul { margin: 0 0 8px !important; padding-left: 22px !important; list-style: disc; }
.sea-look .sd-reviewed li { margin: 6px 0; font-size: 17px; line-height: 26px; padding-left: 4px; }
.sea-look-b .sd-reviewed li::marker { color: #6B1E2E; }

/* ---------- Audit fixes (18.10) ---------- */
/* Tags: calm colours — red read as a warning */
.sd-tag-invest { background: #E8EEF7 !important; color: #1E3A66 !important; }
.sd-tag-home { background: #E9F1EC !important; color: #24563A !important; }
.sd-tag-residence { background: #F3EEE4 !important; color: #6B5A3A !important; }
/* No favourites page yet: the heart is not shown */
.sea-look .sd-fav { display: none !important; }
/* Home form: the client picks the city in the conversation, not "real estate in Georgia" */
.lk-home .sea-lead-interest { display: none !important; }
/* Header button on narrow phones: one line */
@media (max-width: 420px) { html body.sea-look.sea-look.sea-redesign .lk-head .lk-head-cta { white-space: nowrap; padding: 0 12px !important; font-size: 13px !important; min-height: 40px !important; } .lk-logo svg { width: 116px; } }
/* The phone contact bar never covers the last button of the page */
@media (max-width: 767px) { body.sea-look.sea-has-contact-bar { padding-bottom: 92px !important; } }
/* Trust figures on phones: smaller, wrap inside their column */
@media (max-width: 767px) { .lk-facts { grid-template-columns: 1fr 1fr; gap: 20px 16px; } .lk-facts b { font-size: 26px !important; overflow-wrap: anywhere; } .lk-facts li { font-size: 14px; } }
/* Calculators: results under the inputs until the screen is wide enough for both */
@media (max-width: 1279px) { .lk-calc { grid-template-columns: 1fr !important; gap: 32px; } .lk-kpis-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lk-kpi b { font-size: clamp(24px, 2.4vw, 34px) !important; white-space: nowrap; }
/* Five-step timelines (residence permit) stack below 1280 so the headings never collide */
@media (min-width: 1024px) and (max-width: 1279px) {
  .lk-steps:not(.lk-steps-4) { grid-template-columns: 1fr; gap: 24px; }
  .lk-steps:not(.lk-steps-4)::before { left: 11px; right: auto; top: 0; bottom: 0; width: 1px; height: auto; }
  .lk-steps:not(.lk-steps-4) li { grid-template-columns: 23px 1fr; column-gap: 20px; padding: 0; }
  .lk-steps:not(.lk-steps-4) .lk-step-dot { grid-row: 1 / span 2; } .lk-steps:not(.lk-steps-4) .lk-step-t { margin-top: 0; }
}
/* Freehold / leasehold on phones: full-width cards, no connector line */
@media (max-width: 767px) { .lk-fork-branches { padding-left: 0 !important; } .lk-fork-branches::before, .lk-fork-b::before { display: none !important; } }
/* Footer: cookie settings is a button that looks like the other links */
.lk-foot-link { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
/* Mobile rows that scroll sideways show that there is more */
@media (max-width: 1023px) { .lk-dirs, .lk-featured { scroll-padding-left: 16px; mask-image: linear-gradient(90deg, #000 85%, transparent); -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); } }
.lk-cta-short { display: none; }
@media (max-width: 420px) { .lk-head-cta .lk-cta-long { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .lk-head-cta .lk-cta-short { display: inline; } }

/* Quiz in look B: navy and bordeaux instead of the default blue */
html body.sea-look-b .sea-quiz .sea-quiz-option { border-radius: 8px !important; }
html body.sea-look-b .sea-quiz .sea-quiz-option:hover { border-color: #8A97AB !important; background: #F4F5F8 !important; }
html body.sea-look-b .sea-quiz .sea-quiz-option[aria-pressed=true] { border-color: #1E2D45 !important; background: #EEF1F6 !important; box-shadow: inset 0 0 0 1px #1E2D45 !important; }
html body.sea-look-b .sea-quiz .sea-quiz-bar span { background: #6B1E2E !important; }
html body.sea-look-b .sea-quiz :is(.sea-quiz-back, .sea-quiz-all) { color: #6B1E2E !important; }
html body.sea-look-b .sea-quiz .wpforms-submit-container button[type=submit], html body.sea-look-b .sea-quiz .sea-quiz-finish, html body.sea-look-b .sea-quiz .sea-quiz-now { background: #6B1E2E !important; border-color: #6B1E2E !important; color: #fff !important; border-radius: 8px !important; }
html body.sea-look-b .sea-quiz .wpforms-field-checkbox a { color: #6B1E2E !important; }
html body.sea-look-b .sea-quiz .sea-quiz-channel input:checked + span, html body.sea-look-b .sea-lead-channel input:checked + span { background: #EEF1F6 !important; border-color: #1E2D45 !important; color: #1E2D45 !important; box-shadow: inset 0 0 0 1px #1E2D45 !important; }

/* ---------- 19.10: cards, city buttons, filters ---------- */
/* Tags on the photo; title kept to two lines, so the price is at the same height on every card */
.sd-card-media .sd-tags { position: absolute; left: 12px; right: 64px; bottom: 12px; margin: 0; z-index: 2; pointer-events: none; }
.sd-card-media .sd-tag { background: rgba(255, 255, 255, .94) !important; box-shadow: 0 1px 4px rgba(0, 0, 0, .12); font-size: 12px; padding: 6px 10px; }
.sd-card-media .sd-tag-invest { color: #1E3A66 !important; } .sd-card-media .sd-tag-home { color: #24563A !important; } .sd-card-media .sd-tag-residence { color: #6B5A3A !important; }
.sea-look .sd-card-area { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sea-look .sd-card-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 48px; }
.sea-look .sd-card-sub { min-height: 22px; }
/* Catalogue filters: one even row — text in the middle of each button, a proper chevron, reset as a quiet button;
   the count on the left of the second row, sorting and views on the right */
.sea-look .sd-filter-fields { gap: 8px !important; align-items: center !important; }
html body.sea-look .sd-field > summary { display: flex !important; align-items: center; gap: 8px; height: 44px; min-height: 44px !important; padding: 0 14px !important; line-height: 1 !important; font-weight: 500; }
html body.sea-look .sd-field > summary::after { content: "" !important; flex: none; width: 7px; height: 7px; margin: -3px 0 0 2px !important; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); opacity: .55; font-size: 0 !important; }
html body.sea-look .sd-field[open] > summary::after { transform: rotate(-135deg); margin-top: 3px !important; }
html body.sea-look .sd-field[open] > summary { border-color: #1E2D45 !important; }
.sea-look .sd-field-value:not(:empty) { font-size: 13px; font-weight: 600; color: #6B1E2E; }
.sea-look .sd-filter-submit { height: 44px; }
.sea-look .sd-reset { display: inline-flex; align-items: center; height: 44px; padding: 0 12px; font-size: 15px !important; color: var(--fg2) !important; text-decoration: none !important; border-radius: 8px; }
.sea-look .sd-reset:hover { background: rgba(30, 45, 69, .06); color: var(--fg) !important; }
.sea-look .sd-toolbar { width: 100%; justify-content: flex-start; margin-top: 12px !important; padding-top: 12px; border-top: 1px solid var(--line); }
.sea-look .sd-found { margin: 0 auto 0 0 !important; }
.sea-look .sd-sort { display: inline-flex; align-items: center; gap: 10px; }
.sea-look .sd-sort > span { font-size: 15px !important; color: var(--fg2); }
.sea-look .sd-views { height: 44px; align-items: center; padding: 3px; border-radius: 8px !important; }
.sea-look .sd-views span { display: inline-flex; align-items: center; height: 36px; padding: 0 14px !important; border-radius: 6px !important; }

/* Contacts page (template-parts/looks/contacts.php): city cards, line icons in navy, no gold */
.lk-contacts .lk-ct-head .sea-shell { display: grid; gap: 20px; }
.lk-contacts .lk-h1 { margin: 0; }
.lk-ct-quick { display: flex; flex-wrap: wrap; gap: 12px 16px; }
.lk-ct-lines { display: flex; flex-wrap: wrap; gap: 12px 40px; padding-top: 20px; border-top: 1px solid var(--line); }
.lk-ct-line { display: grid; gap: 2px; text-decoration: none; color: var(--fg) !important; }
.lk-ct-line span { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--fg2); }
.lk-ct-line b { font-size: 22px; font-weight: 600; color: var(--hd); }
.lk-ct-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.lk-ct-card { background: var(--card); border: 1px solid var(--card-line, var(--line)); border-radius: var(--radius); padding: 28px; display: grid; gap: 18px; align-content: start; }
html body.sea-look.sea-redesign .lk-ct-card h3 { font-family: var(--f-d) !important; font-weight: var(--h3w) !important; font-size: 28px !important; line-height: 1.15; margin: 0; color: var(--hd); }
.lk-ct-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.lk-ct-card li { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; font-size: 16px; line-height: 24px; color: var(--fg); }
.lk-ct-card li a { color: var(--fg) !important; text-decoration: none; overflow-wrap: anywhere; }
.lk-ct-card li a:hover { text-decoration: underline; }
.lk-ct-ico { width: 22px; height: 22px; margin-top: 1px; fill: none; stroke: #1E2D45; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.lk-ct-card .lk-ct-map { display: inline-block; margin-top: 4px; font-size: 14px; color: #6B1E2E !important; }
@media (max-width: 559px) { .lk-ct-card { padding: 22px; } .lk-ct-line b { font-size: 19px; } }
/* List view: one height for every row — the photo is a fixed 4:3 frame, the text sits beside it without gaps */
@media (min-width: 768px) {
  html body.sea-look .sd-grid.is-list .sd-card { flex-direction: row !important; align-items: stretch; min-height: 0; }
  html body.sea-look .sd-grid.is-list .sd-card-media { flex: 0 0 280px !important; width: 280px; height: 210px; aspect-ratio: auto !important; min-height: 0 !important; align-self: flex-start; }
  html body.sea-look .sd-grid.is-list .sd-card-photos { position: absolute; inset: 0; height: auto; }
  html body.sea-look .sd-grid.is-list .sd-card-body { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 18px 24px !important; }
  html body.sea-look .sd-grid.is-list .sd-card-title { min-height: 0; }
  html body.sea-look .sd-grid.is-list .sd-card-facts { margin-top: 10px !important; }
  html body.sea-look .sd-grid.is-list .sd-card-media .sd-tags { right: 12px; }
}
/* Tags on a photo: small, wrap into a second line when three do not fit */
.sd-card-media .sd-tags { gap: 4px; }
.sd-card-media .sd-tag { font-size: 11px; padding: 5px 8px; }
@media (max-width: 767px) { html body.sea-look .sd-grid.is-list .sd-card-media { aspect-ratio: 4 / 3 !important; min-height: 0 !important; overflow: hidden; } html body.sea-look .sd-grid.is-list .sd-card-photos { position: absolute; inset: 0; height: auto; } }
/* Object page panel: the price on its own line under «Цена», never wider than the panel */
.sea-look .sd-passport dl div:first-child { display: block !important; }
.sea-look .sd-passport dl div:first-child dt { margin-bottom: 6px; }
html body.sea-look.sea-redesign .sd-passport dl div:first-child dd { font-size: clamp(28px, 2.6vw, 36px) !important; line-height: 1.1; white-space: nowrap; overflow-wrap: normal; margin: 0; }
.sea-look .sd-passport dd { min-width: 0; overflow-wrap: anywhere; }

/* ---------- 23.10: the versions per the brief (looks at, bt, ct) — exactly the brief (owner and Kate) ----------
   City-page headlines keep the brief's sizes (A 88/92, C 96/100 from the tokens). The quiz in A and C in their own
   palette, as B has it. No floating quiz pill and no third «Подбор» button in the phone bar: the brief's mobile bar is
   «Написать» + «Zoom», the quiz opens from the banner after the 6th card and the «короткий подбор» link. */
html body.sea-look-tz .sea-quiz-pill, html body.sea-look-tz .sea-contact-bar .sea-contact-bar-quiz { display: none !important; }
/* A flagship without photos of its own (Trump Tower Tbilisi, inc/manual-flagships.json): its height as a typographic panel */
.sea-look-tz .lk-flag-panel { display: flex; align-items: flex-end; min-height: 320px; padding: 40px; background: var(--surface2); border: 1px solid var(--line); border-radius: var(--radius); }
.sea-look-tz .lk-flag-panel span { font-family: var(--f-d) !important; font-weight: var(--h1w); font-size: clamp(40px, 5vw, 72px); line-height: 1; color: var(--accent); letter-spacing: -.01em; }
.sea-look-tz .lk-flag-manual .lk-cap a { color: inherit; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz { background: var(--surface) !important; color: var(--fg) !important; border-radius: var(--radius) !important; border: 1px solid var(--line) !important; font-family: var(--f-t) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz::backdrop { background: rgba(var(--veil), .72); }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz h2 { font-family: var(--f-d) !important; font-weight: var(--h3w) !important; color: var(--hd) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz :is(.sea-quiz-progress, .sea-quiz-option-hint, .sea-quiz-found, .sea-quiz-done-text, .sea-quiz-done-more, .sea-quiz-card span, .sea-quiz-channel legend, .sea-quiz-note) { color: var(--fg2) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz :is(.sea-quiz-ask, .sea-quiz-card, .sea-quiz-form .wpforms-field-label) { color: var(--fg) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-close { background: transparent !important; border-color: var(--line) !important; color: var(--fg) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-bar { background: var(--line) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-bar span { background: var(--accent) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz :is(.sea-quiz-back, .sea-quiz-all, .wpforms-field-checkbox a) { color: var(--accent) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-option { background: var(--field) !important; color: var(--fg) !important; border-color: var(--line) !important; border-radius: var(--radius) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-option:hover { border-color: var(--card-hover, var(--accent)) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-option[aria-pressed=true] { border-color: var(--accent) !important; box-shadow: inset 0 0 0 1px var(--accent) !important; }
html body.sea-look-tz.sea-look-c .sea-quiz .sea-quiz-option[aria-pressed=true], html body.sea-look-tz.sea-look-c .sea-quiz .sea-quiz-channel input:checked + span { background: #C9D8E0 !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-card img { border-radius: var(--radius) !important; background: var(--surface2) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-channel span { background: var(--field) !important; border-color: var(--line) !important; color: var(--fg) !important; border-radius: var(--pill) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-channel input:checked + span { border-color: var(--accent) !important; color: var(--hd) !important; box-shadow: inset 0 0 0 1px var(--accent) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-form :is(input[type=text], input[type=tel]) { background: var(--field) !important; color: var(--fg) !important; border: 0 !important; border-bottom: 1px solid var(--field-line) !important; border-radius: 0 !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-form :is(input[type=text], input[type=tel]):focus { border-bottom-color: var(--focus) !important; outline: 0 !important; box-shadow: 0 1px 0 var(--focus) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-form .wpforms-field-checkbox label { color: var(--fg2) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz :is(.wpforms-submit-container button[type=submit], .sea-quiz-now) { background: var(--btn-bg) !important; border-color: var(--btn-bg) !important; color: var(--btn-fg) !important; border-radius: var(--radius) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz :is(.wpforms-submit-container button[type=submit], .sea-quiz-now):hover { background: var(--btn-hover) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-finish { background: transparent !important; border-color: var(--btn2-line) !important; color: var(--btn2-fg) !important; border-radius: var(--radius) !important; }
html body.sea-look-tz:is(.sea-look-a, .sea-look-c) .sea-quiz .sea-quiz-form .wpforms-field-checkbox input { accent-color: var(--accent); }


/* ---------- 23.10: the older pages in the looks (blog, team, resale, hubs…) ----------
   Owner: «все страницы — в новый красивый вид». The older blocks take the look's tokens: surfaces, text, lines, type. */
/* Blog list: the look's card, title at the card size (not the page H2), normal word wrap, at most 3 lines, equal heights */
html body.sea-look .sea-editorial-grid { gap: 24px; align-items: stretch; }
html body.sea-look .sea-editorial-card { background: var(--card) !important; border: 1px solid var(--card-line, var(--line)) !important; border-radius: var(--radius) !important; color: var(--fg); height: 100%; box-shadow: none !important; }
html body.sea-look .sea-editorial-photo { aspect-ratio: 3 / 2; background: var(--surface2) !important; border-radius: 0 !important; }
html body.sea-look .sea-editorial-body { padding: 24px; }
html body.sea-look.sea-redesign .sea-editorial-body h2 { font-family: var(--f-d) !important; font-weight: var(--h3w) !important; font-size: clamp(20px, 1.7vw, 24px) !important; line-height: 1.25 !important; letter-spacing: 0 !important; color: var(--hd) !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: auto; -webkit-hyphens: auto; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 !important; }
html body.sea-look.sea-redesign .sea-editorial-body h2 a { color: inherit !important; text-decoration: none; word-break: normal !important; overflow-wrap: normal !important; }
html body.sea-look .sea-editorial-body time { color: var(--fg2) !important; }
html body.sea-look.sea-redesign .sea-editorial-body p { color: var(--fg2) !important; font-size: 15px !important; line-height: 1.6 !important; margin: 14px 0 20px !important; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
html body.sea-look.sea-redesign .sea-editorial-body .sea-text-link { color: var(--accent) !important; margin-top: auto; }

/* Resale and other property cards of the older pages: the brief's catalogue card (section 8) — photo 4:3, area in
   small caps, title, price in the display face, label «Вторичный рынок» on the photo */
html body.sea-look .sea-property-card { background: var(--card) !important; border: 1px solid var(--card-line, var(--line)) !important; border-radius: var(--radius) !important; box-shadow: none !important; color: var(--fg); overflow: hidden; display: flex; flex-direction: column; height: 100%; }
html body.sea-look .sea-property-card:hover { border-color: var(--card-hover, var(--accent)) !important; }
html body.sea-look .sea-property-photo { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--surface2) !important; border-radius: 0 !important; }
html body.sea-look .sea-property-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
html body.sea-look .sea-property-card:hover .sea-property-photo img { transform: scale(1.03); }
html body.sea-look .sea-property-photo .sd-card-labels { position: absolute; left: 12px; top: 12px; z-index: 2; display: flex; gap: 6px; }
html body.sea-look .sea-property-body { padding: 20px 20px 22px; display: flex; flex-direction: column; flex: 1; gap: 6px; }
html body.sea-look.sea-redesign .sea-property-location { font-size: 12px !important; letter-spacing: var(--eye-ls) !important; text-transform: uppercase; color: var(--fg2) !important; margin: 0 !important; }
html body.sea-look.sea-redesign .sea-property-title { font-family: var(--f-d) !important; font-weight: var(--h3w) !important; font-size: 21px !important; line-height: 1.25 !important; margin: 0 !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html body.sea-look.sea-redesign .sea-property-title a { color: var(--hd) !important; text-decoration: none; }
html body.sea-look.sea-redesign .sea-property-price { font-family: var(--f-d) !important; font-weight: var(--dsw) !important; font-size: 26px !important; line-height: 1.15 !important; color: var(--hd) !important; margin: 6px 0 0 !important; }
html body.sea-look.sea-redesign .sea-property-price span, html body.sea-look.sea-redesign .sea-property-secondary { font-family: var(--f-t) !important; font-size: 13px !important; color: var(--fg2) !important; }
html body.sea-look .sea-property-facts { margin: 8px 0 0 !important; border-top: 1px solid var(--line); padding-top: 10px; }
html body.sea-look.sea-redesign .sea-property-facts :is(dt, dd) { font-size: 13px !important; color: var(--fg2) !important; }
html body.sea-look.sea-redesign .sea-property-facts dd { color: var(--fg) !important; }
html body.sea-look.sea-redesign .sea-property-more { margin-top: auto !important; padding-top: 12px; color: var(--accent) !important; text-decoration: none; font-size: 14px; }
html body.sea-look .sea-photo-placeholder { color: var(--fg2) !important; background: transparent !important; }

/* A: one dark world on the older pages too (brief section 12) — their white blocks take Deep Navy, the text Ivory/Mist,
   the lines Steel, the buttons Champagne Gold with Midnight text. Low specificity on purpose: the cards, fields and
   buttons below set their own surface. The older pages have no <main>: the scope is every child of <body> but the look's
   header, footer, bars and dialogs; the contacts page is drawn by the look (template-parts/looks/contacts.php). */
body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)), body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)) :where(div, section, article, aside, header, footer, nav, ul, ol, li, dl, dt, dd, form, fieldset, table, thead, tbody, tfoot, tr, td, th, details, summary, figure, figcaption, p, span, label, blockquote, a, h1, h2, h3, h4, h5, h6, strong, b, em, small, time) { background-color: transparent !important; border-color: var(--line) !important; color: var(--fg) !important; }
body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)) :where(h1, h2, h3, h4, h5, h6, strong, b, .sea-property-price) { color: var(--hd) !important; }
body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)) :where(time, small, figcaption, .sea-eyebrow, .sea-seo-eyebrow, [class*="position"], [class*="muted"], [class*="date"], [class*="caption"], [class*="note"]) { color: var(--fg2) !important; }
body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)) :where(.sea-prose, .entry-content, article, .sea-article-body) a:where(:not([class])) { color: var(--accent) !important; text-decoration: underline; text-underline-offset: 3px; }
html body.sea-look-a.sea-look-page-site.sea-redesign :is(.sea-editorial-card, .sea-property-card, .our_team_item, .new_life_section_grid_item, .program_tour_section_timetable_item, .crb_clubcard_restaurants_item, .crb_clubcard_item, .faq_item, .sea-seo-card, .single_team, .sea-filter, .sea-catalog-filter, .sea-filter-panel, .sea-search-box, [role="listbox"], .sea-select-options, .sea-select-list, .select-dropdown__list, .sea-page-heading, .sea-generic-heading, .page_about_georgia_info, .history_person_item, .gallery_slider_child, .perspectives_georgia_item, .agents_item, .single_agents_item, .new_life_section_form_wrapper, .faq_accordion_content, .faq_accordion_item, .popup_form_wrapper, .popup_modern, .ays-pb-modal, .sea-seo-panel, .sea-seo-filter, .sea-seo-stats, .sea-seo-table-wrap, .sea-seo-request, .sea-seo-lead, .sea-seo-hub-links a, .sea-seo-chips a, .sea-home-search, .sea-catalog-search) { background-color: var(--surface) !important; border-color: var(--card-line, var(--line)) !important; }
html body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea) { background-color: var(--field) !important; color: var(--fg) !important; border-color: var(--field-line) !important; }
html body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)) ::placeholder { color: var(--fg2) !important; opacity: 1; }
html body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)) :is(a, button, input[type="submit"]):is(.sea-button, .main_buttom_popup, [class*="_btn"], [class*="-btn"], [class*="button"]):not(.sea-property-more):not(.sea-text-link) { background-color: var(--btn-bg) !important; color: var(--btn-fg) !important; border-color: var(--btn-bg) !important; }
html body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)) :is(a, button, input[type="submit"]):is(.sea-button, .main_buttom_popup, [class*="_btn"], [class*="-btn"], [class*="button"]):not(.sea-property-more):not(.sea-text-link) * { color: inherit !important; background-color: transparent !important; }
html body.sea-look-a.sea-look-page-site.sea-redesign > :where(:not(.sea-look-bar, .sea-skip-link, .lk-head, .lk-foot, dialog, .sea-contact-bar, .sea-quiz-pill, .sea-consent, .lk-page, script, style)) :is(a, button):is(.sea-button, .main_buttom_popup, [class*="_btn"], [class*="-btn"], [class*="button"]):hover { background-color: var(--btn-hover) !important; }
html body.sea-look-a.sea-look-page-site.sea-redesign .sea-photo-placeholder { background-color: var(--surface2) !important; }

/* Every look: colours of the older pages that fail AA (Lighthouse, 23.10) — the old teal and yellow, light grey hints,
   white text on the green WhatsApp and the red discount badge */
html body.sea-look :is([style*="color: #008aaa"], [style*="color:#008aaa"], [style*="color: rgb(0, 138, 170)"], [style*="color: rgb(211, 163, 0)"], [style*="color: #d3a300"], [style*="color: rgb(72, 84, 84)"]) { color: inherit !important; }
html body.sea-look :is(.history_person_position, .page_about_georgia_info_btn, .crb_clubcard_restaurants_title span) { color: var(--accent) !important; }
html body.sea-look .footer_after_text { color: var(--fg2) !important; }
html body.sea-look .wpforms-field-limit-text { color: var(--fg2) !important; }
html body.sea-look a.sea-seo-wa { background: #0E7A35 !important; border-color: #0E7A35 !important; color: #fff !important; }
html body.sea-look a.sea-seo-wa:hover { background: #0B6A2E !important; }
html body.sea-look .crb_clubcard_discount { background: #B3261E !important; color: #fff !important; }
html body.sea-look .select-dropdown__button { background: var(--btn-bg) !important; color: var(--btn-fg) !important; border-color: var(--btn-bg) !important; }
html body.sea-look .select-dropdown__button * { color: inherit !important; }
/* The request form on a dark section of the versions per the brief (contacts page in B): light labels */
html body.sea-look-tz .lk-sec:is(.lk-tone-deep, .lk-tone-foot) .sea-lead :is(label, legend, .sea-lead-interest, .wpforms-field-label, .wpforms-field-label-inline, .wpforms-field-sublabel) { color: var(--fg) !important; }
html body.sea-look-tz .lk-sec:is(.lk-tone-deep, .lk-tone-foot) .sea-lead :is(.wpforms-field-label-inline a, .sea-lead-channel a) { color: var(--fine) !important; }
/* C: small eyebrows and the section number on Sand (brief: Slate Blue 4.6:1 was for Ivory) */
html body.sea-look-c .lk-sec :is(.lk-eyebrow, .sd-eyebrow) { color: #4A6079 !important; }
html body.sea-look-c .lk-sec .lk-sh-no { color: #8B6C42 !important; }
html body.sea-look-c .lk-sec:is(.lk-tone-alt, .lk-tone-deep) .lk-sh-lead { color: #5E584E !important; }
html body.sea-look-a.sea-look-page-site.sea-redesign .sd-label { background-color: var(--tag-bg) !important; color: var(--tag-fg) !important; border-color: var(--tag-line) !important; }
/* Phones: the older page headers keep their text full width; the club's partner cards in two columns, not three of 96 px */
@media (max-width: 767px) {
  html body.sea-look .content_page_header_content { width: auto !important; max-width: none !important; }
  html body.sea-look .crb_clubcard_restaurants_wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  html body.sea-look .crb_clubcard_restaurants_title, html body.sea-look .crb_clubcard_restaurants_content { word-break: normal !important; overflow-wrap: break-word; hyphens: auto; }
}
/* Last AA misses of the re-check (23.10): map links of the contacts cards, A's gold buttons and fields of the request
   form, the phone bar's first button text, the custom select trigger, C's hints and links on Sand */
html body.sea-look .lk-ct-map { color: var(--accent) !important; }
html body.sea-look-a :is(.sea-lead, .lk-form-box, .sea-seo-lead) :is(button[type="submit"], .wpforms-submit) { background: var(--btn-bg) !important; border-color: var(--btn-bg) !important; color: var(--btn-fg) !important; }
html body.sea-look-a :is(.sea-lead, .sea-seo-lead) :is(legend, label, .sea-lead-interest, .wpforms-field-label, .wpforms-field-label-inline) { color: var(--fg) !important; }
html body.sea-look.sea-look .sea-contact-bar :is(a, button):first-child * { color: inherit !important; }
html body.sea-look-a .sea-select-trigger { background: var(--field) !important; color: var(--fg) !important; border-color: var(--field-line) !important; }
html body.sea-look-c .wpforms-field-limit-text { color: #5E584E !important; }
html body.sea-look-c .sea-lead .wpforms-field-label-inline a { color: var(--accent) !important; }
html body.sea-look.sea-redesign .sea-editorial-body h2 a { font-family: inherit !important; font-weight: inherit !important; }

/* Team page of the versions per the brief (template-parts/looks/team.php): facts once, portraits 4:5, a small monogram
   for the people without one (no big letter tile), one call to write */
html body.sea-look .lk-team-facts { margin-top: 28px; }
html body.sea-look .lk-team-all { grid-template-columns: repeat(4, minmax(0, 1fr)); }
html body.sea-look .lk-person-ph { text-decoration: none; }
html body.sea-look .lk-person-mono { width: 72px; height: 72px; border-radius: 50%; border: 1px solid var(--line); display: grid; place-items: center; font-family: var(--f-d) !important; font-size: 24px; color: var(--fg2); letter-spacing: .04em; }
html body.sea-look .lk-person b a { color: var(--hd) !important; text-decoration: none; }
html body.sea-look .lk-person b a:hover { color: var(--accent) !important; }
html body.sea-look .lk-team-cta .sea-shell { display: grid; gap: 24px; justify-items: start; }
html body.sea-look .lk-team-cta .lk-h2 { max-width: 22ch; }
@media (max-width: 1023px) { html body.sea-look .lk-team-all { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Old line icons in square frames (contract, percent, growth…): not in the versions per the brief (owner, 23.10) —
   a short line of the look's accent takes their place where they headed a card */
html body.sea-look-tz :is(.new_life_section_grid_item_icon, .program_tour_section_timetable_item_content_icon, .crb_clubcard_repeater_item_wrapper > img, .newhome_single_additional_information_item > img) { display: none !important; }
html body.sea-look-tz .perspectives_georgia_item::before { content: ""; display: block; width: 40px; height: 1px; background: var(--accent); margin-bottom: 20px; }
html body.sea-look-tz .crb_clubcard_repeater_item_wrapper::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); margin: 8px 12px 0 0; }

/* Home «Избранные объекты» tabs: no scrollbar (they scroll sideways on phones only) */
html body.sea-look .lk-tabs { scrollbar-width: none; -ms-overflow-style: none; }
html body.sea-look .lk-tabs::-webkit-scrollbar { display: none; }
@media (min-width: 768px) { html body.sea-look .lk-tabs { overflow: visible !important; flex-wrap: wrap; } }

/* Project page in the look's tokens: units table head, filters and lot dialog; the status pill as a quiet chip */
html body.sea-look .sx-project .sx-table-wrap th { background: var(--surface2) !important; color: var(--fg2) !important; }
html body.sea-look .sx-project .sx-table-wrap td { color: var(--fg) !important; }
html body.sea-look .sx-project :is(.sx-filters select, .sx-filters input) { background: var(--field) !important; color: var(--fg) !important; border-color: var(--field-line) !important; }
html body.sea-look .sx-project .sx-filters label { color: var(--fg2) !important; }
html body.sea-look .sx-project :is(.sx-view, .sx-pagination, .sx-filters, .sx-gallery-controls) button { background: var(--surface) !important; color: var(--fg) !important; border-color: var(--line) !important; }
html body.sea-look .sx-project .sx-view button[aria-pressed="true"] { background: var(--on-bg) !important; color: var(--on-fg) !important; border-color: var(--on-bg) !important; }
html body.sea-look .sx-dialog { background: var(--surface) !important; color: var(--fg) !important; border-radius: var(--radius) !important; }
html body.sea-look-tz .sx-status { background: transparent !important; border: 1px solid var(--line); color: var(--fg) !important; border-radius: var(--pill); padding: 3px 10px 3px 8px; }
html body.sea-look-tz .sx-status::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #4CAF7A; margin-right: 6px; vertical-align: middle; }

/* C: Taupe and Slate Blue of the brief measure 4.38–4.43:1 on Sand / Ivory (AA needs 4.5): one step darker above.
   Project page: description, its side column, files and passport terms in the look's tokens (A showed the old
   dark-on-navy and light-on-white there). */
html body.sea-look .sx-project .sx-top p, html body.sea-look .sx-project .sx-summary dt { color: var(--fg2) !important; }
html body.sea-look .sx-project .sx-description-body :is(p, li, ul, ol, span, td) { color: var(--fg) !important; }
html body.sea-look .sx-project .sx-description-body :is(h2, h3, h4, strong, b) { color: var(--hd) !important; }
html body.sea-look .sx-project .sx-description-aside { background: var(--surface2) !important; color: var(--fg) !important; border-color: var(--line) !important; }
html body.sea-look .sx-project .sx-description-aside :is(p, li, dd, dt, span) { color: var(--fg) !important; }
html body.sea-look .sx-project .sx-description-aside .sx-eyebrow { color: var(--eye) !important; }
html body.sea-look .sx-project :is(.sx-description-aside, .sx-files) a { color: var(--accent) !important; background: transparent !important; }
html body.sea-look .sx-project .sx-files a { border-color: var(--line) !important; }
html body.sea-look .sx-project .sx-files a span { color: var(--fg2) !important; }
html body.sea-look-c .lk-ph { color: #6E5530 !important; }
html body.sea-look .sea-seo-chips a { background: var(--surface2) !important; color: var(--fg) !important; border-color: var(--line) !important; }
html body.sea-look .sea-seo-chips a span { color: var(--fg2) !important; }
/* Team page: every portrait fills its 4:5 frame (square and small photos were letterboxed); tighter gap under the figures */
html body.sea-look .lk-team-all .lk-person-ph { position: relative; display: block; }
html body.sea-look .lk-team-all .lk-person-ph img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: top center; }
html body.sea-look .lk-team-all .lk-person-mono { position: absolute; inset: 0; margin: auto; }
html body.sea-look .lk-team-page .lk-ct-head { padding-bottom: 48px !important; }
html body.sea-look .lk-team-page .lk-ct-head + .lk-sec { padding-top: 56px !important; }

/* Kate's home (template-parts/looks/home-tz.php, owner 25.10.2026): badge, figures, direction texts, one team, real cases,
   the inspection gift, the four people, real reviews; the renovation page reuses the gift block. */
.lk-home-kate .lk-badge { display: inline-block; margin: 4px 0 0; padding: 8px 16px; border: 1px solid currentColor; border-radius: var(--pill); font-size: 15px; line-height: 22px; font-weight: 500; }
.lk-home-kate .sd-hero-text .lk-link { color: inherit !important; border-color: currentColor; }
.lk-figures + .lk-figures-note, .lk-one-team + .lk-one-team-note, .lk-cases + .lk-cases-note { margin-top: 32px; max-width: 52em; }
.lk-dir-text { margin: 0; font-size: 15px; line-height: 23px; opacity: .92; }
.lk-why-i p + p { margin-top: 0; }
.lk-steps-6 .lk-step-m { padding-right: 8px; }
.lk-cases-real .lk-case dl { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 10px 16px; padding-top: 18px; border-top: 1px solid var(--line); }
.lk-cases-real .lk-case dd { font-variant-numeric: lining-nums tabular-nums; }
.lk-cases-real + .lk-cases-note + .lk-final-btns { display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; margin-top: 32px; }
.lk-gift { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px 64px; align-items: start; }
.lk-gift-main { display: grid; gap: 18px; }
.lk-gift-main p { margin: 0; }
.lk-gift-text { font-size: 19px; line-height: 30px; color: var(--fg); }
.lk-gift-price { font-size: 17px; line-height: 26px; font-weight: 500; color: var(--hd); }
.lk-gift-result { color: var(--fg2); font-size: 15px; line-height: 24px; }
.lk-gift-result b { color: var(--fg); font-weight: 500; }
.lk-gift-list { padding: 28px 32px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.lk-gift-list b { display: block; margin-bottom: 14px; font-weight: 500; color: var(--hd); }
.lk-gift-list ul { margin: 0; padding: 0 0 0 18px; display: grid; gap: 10px; font-size: 15px; line-height: 23px; color: var(--fg); }
@media (max-width: 1023px) { .lk-gift { grid-template-columns: 1fr; } .lk-gift-list { padding: 24px; } }
.lk-team-4 .lk-person-ph { position: relative; display: block; }
.lk-team-4 .lk-person-ph img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: top center; }
.lk-person .lk-person-langs { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: baseline; }
.lk-person-langs .lk-link { font-size: 13px; padding-bottom: 1px; }
.lk-reviews-real { grid-template-columns: repeat(auto-fill, minmax(260px, 360px)); }
.lk-review { display: grid; gap: 12px; align-content: start; }
.lk-review b { font-weight: 500; font-size: 17px; color: var(--hd); }
.lk-review-video { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius); border: 1px solid var(--line); background: var(--surface2); }
.lk-review-video img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.lk-review-video .lk-play { position: relative; background: rgba(11, 22, 38, .55); border-color: #F4F1EC; color: #F4F1EC; }
.lk-reviews-real + .lk-final-btns, .lk-journal + .lk-final-btns { margin-top: 32px; }
.lk-final-btns .sd-button-secondary { text-decoration: none; }
.lk-renovation .lk-ct-head .lk-final-btns { margin-top: 32px; }
@media (max-width: 559px) { .lk-cases-real .lk-case { padding: 28px 22px; } .lk-home-kate .lk-badge { font-size: 14px; } }
/* Phone: «Недвижимость» of the home's heading stays one word at 375 (C broke it mid-word); the final block's messenger
   buttons get a button's padding in every look (C's underline style lost to the shared bordered one). */
@media (max-width: 559px) { html body.sea-look .lk-home-kate .sd-hero-text h1 { overflow-wrap: normal; word-break: normal; hyphens: manual; font-size: clamp(30px, 9.4vw, 44px) !important; } }
html body.sea-look.sea-look.sea-redesign .lk-final-btns .sd-button-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px !important; text-decoration: none; }
/* Phone 375: «Связаться», the language and the menu button fit next to the logo (the button was cut to «Связатьс»). */
@media (max-width: 420px) { .lk-head .sea-shell { gap: 12px; } .lk-head-end { gap: 8px; } html body.sea-look .lk-head .lk-head-cta { flex-shrink: 0; padding: 0 12px !important; } .lk-logo { flex-shrink: 1; min-width: 0; } .lk-logo svg { width: 108px; } }
/* New photos (owner 25.10.2026) are brighter than the old ones: text over a photo keeps AA under any frame — A's first
   screen, the direction cards and the final block get a deeper shade where the text sits; focal points per photo. */
.sea-look-a .sd-hero-media::after { background: linear-gradient(to top, rgba(11, 22, 38, .96) 0%, rgba(11, 22, 38, .9) 40%, rgba(11, 22, 38, .74) 72%, rgba(11, 22, 38, .62) 100%), linear-gradient(to right, rgba(11, 22, 38, .6), rgba(11, 22, 38, 0) 65%); }
.lk-dir-img::after { background: linear-gradient(to top, rgba(var(--dv), .96) 0%, rgba(var(--dv), .9) 52%, rgba(var(--dv), .66) 74%, rgba(var(--dv), .2) 100%); }
.sea-look .lk-sec.lk-near#lk-zoom { background-image: linear-gradient(color-mix(in srgb, var(--bg) 94%, transparent), color-mix(in srgb, var(--bg) 90%, transparent)), url(../img/looks/final-batumi-900.webp); }
@media (min-width: 900px) { .sea-look .lk-sec.lk-near#lk-zoom { background-image: linear-gradient(90deg, color-mix(in srgb, var(--bg) 95%, transparent) 35%, color-mix(in srgb, var(--bg) 70%, transparent)), url(../img/looks/final-batumi-1920.webp); } }
/* Small text over photos at full strength: card eyebrows solid, A's first-screen eyebrow a lighter gold, A's final lead in the text colour. */
.lk-dir .lk-eyebrow { color: #F4F1EC !important; }
.sea-look-a .sd-hero-text .sd-eyebrow { color: #E3C994 !important; }
.sea-look-a #lk-zoom .lk-sh-lead { color: var(--fg) !important; }
@media (max-width: 1023px) { .lk-dir-img::after { background: linear-gradient(to top, rgba(var(--dv), .96) 0%, rgba(var(--dv), .92) 60%, rgba(var(--dv), .76) 80%, rgba(var(--dv), .3) 100%); } }
/* Home reviews (owner 25.10.2026): five video reviews in one row at 1440, a swipe row on phones and tablets. */
.lk-reviews.lk-reviews-row { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
.lk-reviews-row .lk-review b { font-size: 16px; }
.lk-reviews-row .lk-review .lk-cap { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1023px) { .lk-reviews.lk-reviews-row { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(72%, 300px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; } .lk-reviews-row::-webkit-scrollbar { display: none; } .lk-reviews-row .lk-review { scroll-snap-align: start; } }

/* Direction pages' first screen in the versions per the brief fits one screen at 1440×900 (owner 25.10.2026: /phuket/
   «слишком длинный»): a smaller heading, the three figures in one row, buttons in one row, a compact manager line. */
@media (min-width: 1024px) {
  html body.sea-look-tz .sd-page .sd-hero h1 { font-size: clamp(34px, 2.8vw, 44px) !important; line-height: 1.12 !important; max-width: 19ch; }
  html body.sea-look-tz .sd-page .sd-hero .sd-lead { font-size: 16px !important; line-height: 25px !important; max-width: 36em; }
  html body.sea-look-tz .sd-page .sd-hero-text { gap: 16px !important; }
  html body.sea-look-tz .sd-page .sd-facts { display: grid !important; grid-template-columns: repeat(3, max-content); gap: 0 !important; }
  html body.sea-look-tz .sd-page .sd-facts div { padding: 0 22px !important; }
  html body.sea-look-tz .sd-page .sd-facts div:first-child { padding-left: 0 !important; }
  html body.sea-look-tz .sd-page .sd-facts dd { font-size: 26px !important; }
  html body.sea-look-tz .sd-page .sd-facts dt { font-size: 12px !important; line-height: 16px; max-width: 22ch; }
  html body.sea-look-tz .sd-page .sd-hero-actions { display: flex !important; flex-wrap: wrap; gap: 12px !important; }
  html body.sea-look-tz .sd-page .sd-hero-actions > * { width: auto !important; }
  html body.sea-look-tz .sd-page .sd-manager { display: grid !important; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; gap: 2px 14px; align-items: center; padding: 12px 16px !important; }
  html body.sea-look-tz .sd-page .sd-manager img { width: 44px; height: 44px; grid-column: 1; grid-row: 1 / span 2; border-radius: 50%; object-fit: cover; margin: 0; }
  html body.sea-look-tz .sd-page .sd-manager noscript { display: none; }
  html body.sea-look-tz .sd-page .sd-manager-role { grid-column: 2; grid-row: 1; }
  html body.sea-look-tz .sd-page .sd-manager-name { grid-column: 2; grid-row: 2; }
  html body.sea-look-tz .sd-page .sd-manager > p { margin: 0 !important; }
  html body.sea-look-tz .sd-page .sd-manager-note { display: none !important; }
  html body.sea-look-tz .sd-page .sd-manager-name { font-size: 16px !important; }
  html body.sea-look-tz .sd-page .sd-manager-links { grid-column: 3; grid-row: 1 / span 2; display: flex !important; flex-wrap: nowrap; gap: 8px; }
  html body.sea-look-tz .sd-page .sd-manager-links a { padding: 6px 12px !important; font-size: 13px; }
  /* B: photo | text, the hero as tall as its text */
  html body.sea-look-bt .sd-page .sd-hero { grid-template-columns: 1fr 1fr; min-height: 0; }
  html body.sea-look-bt .sd-page .sd-hero-grid { padding-block: 40px 40px !important; gap: 20px !important; }
  /* A: text over the photo, less room above it */
  html body.sea-look-at .sd-page .sd-hero { min-height: 0; }
  html body.sea-look-at .sd-page .sd-hero-grid { padding-block: 72px 40px !important; grid-template-columns: minmax(0, 8fr) minmax(300px, 4fr) !important; }
  html body.sea-look-at .sd-page .sd-hero .sd-facts { padding-top: 16px; }
  /* C: a lower photo band above the text */
  html body.sea-look-ct .sd-page .sd-hero-media { aspect-ratio: auto; height: 240px; padding: 16px; }
  html body.sea-look-ct .sd-page .sd-hero-grid { padding-block: 28px 16px !important; grid-template-columns: minmax(0, 8fr) minmax(300px, 4fr) !important; }
}
/* Phuket districts (owner 25.10.2026): ten compact cards, 5×2 on a computer, a swipe row on phones. */
.lk-districts-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.lk-district.lk-district-c { gap: 8px; padding: 18px 20px; }
.lk-district.lk-district-c h3 { font-size: 22px !important; }
.lk-district-c .lk-district-who { margin: 0; font-size: 14px; line-height: 20px; color: var(--fg2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lk-district-c .lk-district-meta { margin: auto 0 0; font-size: 14px; font-weight: 500; color: var(--fg); }
@media (max-width: 1023px) { .lk-districts-grid { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(70%, 260px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; } .lk-districts-grid::-webkit-scrollbar { display: none; } .lk-district-c { scroll-snap-align: start; } }
/* Team blocks with one or two people (owner 26.10.2026): wide cards, portrait beside the text, centred, with the buttons. */
.lk-person-body { display: grid; gap: 8px; align-content: start; }
.lk-person-body > span { font-size: 13px; line-height: 19px; color: var(--fg2); }
.lk-team.lk-team-few { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 560px)); justify-content: center; gap: 24px; }
.lk-team-few .lk-person { grid-template-columns: minmax(150px, 210px) 1fr; align-items: center; gap: 24px; padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.lk-team-few .lk-person b { font-size: 20px; }
.lk-team-few .lk-person-btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 0; }
.lk-team-few .lk-person-btns > * { min-height: 44px; display: inline-flex; align-items: center; padding: 0 18px !important; font-size: 14px; }
.lk-team-few .lk-person-ph { position: relative; display: block; aspect-ratio: 4 / 5; }
.lk-team-few .lk-person-ph img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: top center; }
@media (max-width: 1023px) { .lk-team.lk-team-few { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 559px) { .lk-team-few .lk-person { grid-template-columns: 120px 1fr; gap: 16px; padding: 14px; } .lk-team-few .lk-person b { font-size: 17px; } }
.lk-chart-note { margin: -6px 0 12px; }
/* Three people: three columns, centred */
@media (min-width: 1024px) { .lk-team.lk-team-n3 { grid-template-columns: repeat(3, minmax(0, 300px)); justify-content: center; } }
@media (min-width: 768px) and (max-width: 1023px) { .lk-team.lk-team-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .lk-team.lk-team-n3 .lk-person:nth-child(3) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 12px); } }

/* Flagships (owner 26.10.2026): A's gold frame inside the picture, not offset past it; the typographic panel of a project
   without pictures keeps its figure on one line. */
.sea-look-a .lk-flag-img { overflow: hidden; }
.sea-look-a .lk-flag-img::after { inset: 12px; }
.sea-look-tz .lk-flag-panel span { white-space: nowrap; font-size: clamp(28px, 4.2vw, 60px); }
@media (max-width: 559px) { .sea-look-tz .lk-flag-panel { min-height: 200px; padding: 24px; } .sea-look-tz .lk-flag-panel span { font-size: clamp(24px, 8vw, 34px); } }
/* Direction cards (owner 26.10.2026: «в карточках не видно фоток»): the photo clear in the upper part, the shade only from
   about the middle down where the text sits (AA there); a compact text block in the lower 40 %. */
html body.sea-look .lk-dir-img::after { background: linear-gradient(to top, rgba(var(--dv), .96) 0%, rgba(var(--dv), .9) 34%, rgba(var(--dv), .55) 46%, rgba(var(--dv), 0) 58%) !important; }
html body.sea-look .lk-dir-body { gap: 10px; padding: 24px 26px; }
html body.sea-look .lk-dir-tag { font-size: 20px; line-height: 1.22; }
html body.sea-look .lk-dir-text { font-size: 14px; line-height: 21px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body.sea-look .lk-dir-cta { padding-top: 10px; }
@media (max-width: 1023px) { html body.sea-look .lk-dir-img::after { background: linear-gradient(to top, rgba(var(--dv), .97) 0%, rgba(var(--dv), .92) 40%, rgba(var(--dv), .55) 52%, rgba(var(--dv), 0) 62%) !important; } }
html body.sea-look-c .lk-dir-img::after { background: none !important; }
/* One shape for every control (owner 26.10.2026): in the versions per the brief filters, dropdowns, sort, view switch, tabs,
   chips, badges, pagination, map controls, card icon buttons, forms, cookie bar, mobile bar, contact windows, quiz and
   gallery arrows take the radius of the look's buttons (A and B 2 px, C square). Round marks (play, dots, radios) stay. */
html body.sea-look-tz :is(
  .sd-views, .sd-views span, .sd-views label, .sd-tabs, .sd-tab span, .sd-currency span, .sd-field summary, .sd-field > summary, .sd-field-panel,
  .sd-sort select, .sd-sort, .lk-sel, .lk-sel-native, .lk-sel-btn, .lk-sel-list, .sd-share, .sd-fav, .sd-card-actions a, .sd-card-actions button,
  .sd-pagination a, .sd-pagination span, .sd-more-button, .sd-filter-open, .sd-filter-reset, .sd-chip, .lk-chip, .lk-badge, .lk-burger, .lk-lang summary, .lk-lang ul,
  .sd-manager-links a, .sx-primary, .sx-summary-actions button, .sx-files a, .sx-view button, .sx-filters select, .sx-filters input, .sx-pagination button, .sx-gallery-controls button,
  .sea-contact-bar, .sea-contact-bar > *, .sea-contact-dialog, .sea-contact-option, .sea-contact-primary, .sea-contact-secondary,
  .sea-consent, .sea-consent button, .sea-consent-actions button, .sea-quiz-pill, .sd-quiz button, .sd-quiz input, .sea-quiz-dialog, .sea-quiz-dialog button,
  .wpforms-container input:not([type="radio"]):not([type="checkbox"]), .wpforms-container select, .wpforms-container textarea, .wpforms-container button, .wpforms-container .wpforms-submit,
  .sd-gallery-prev, .sd-gallery-next, .sd-gallery button, .sx-gallery button, .leaflet-bar, .leaflet-bar a, .leaflet-popup-content-wrapper,
  .sea-seo-chips a, .sea-seo-card, .sea-seo-form input, .sea-seo-form button
) { border-radius: var(--radius) !important; }
html body.sea-look-tz :is(.sd-lightbox button, .sd-gallery-thumbs img, .sd-gallery-thumbs span, .sea-contact-dialog .sea-contact-close, .sea-lead-channel span, .sea-lead-form textarea, .sea-button-ghost, .page-numbers, .sea-catalog-sort select, .sea-select-menu, .sd-page.js .sd-filter-fields.is-open, .sea-booking-frame) { border-radius: var(--radius) !important; }
html body.sea-look-tz .sea-contact-bar { border-radius: 0 !important; }
html body.sea-look-tz div.wpforms-container-full .wpforms-form :is(input:not([type="radio"]):not([type="checkbox"]), select, textarea, button), html body.sea-look-tz .wpforms-container .wpforms-field input.wpforms-field-large { border-radius: var(--radius) !important; }
/* Typography (owner 26.10.2026): balanced headings, no lonely last word in paragraphs, no automatic hyphenation. */
html body.sea-look :is(h1, h2, h3, .lk-h2, .lk-h3, .lk-dir-tag, .sd-card-title, .lk-post b, .lk-flag-body h3) { text-wrap: balance; hyphens: manual; -webkit-hyphens: manual; }
html body.sea-look :is(p, li, dd, .lk-dir-text, .lk-cap) { text-wrap: pretty; hyphens: manual; -webkit-hyphens: manual; }

/* Layout audit 26.10.2026 (320 to 1920, at/bt/ct): nothing sticks out of the screen */
/* the language menu on a phone opens under the header at its right edge, not off the left side */
@media (max-width: 767px) { html body.sea-look .lk-head .lk-lang-menu { position: static; } html body.sea-look .lk-head .lk-lang-menu ul { inset-inline-end: 16px; inset-inline-start: auto; top: 100%; max-width: calc(100vw - 32px); } }
/* filter panels near the right edge open to the left: assets/js/destinations.js */
/* the first-screen manager card: the buttons go under the name when the card is narrow */
@media (min-width: 1024px) and (max-width: 1439px) {
  html body.sea-look-tz .sd-page .sd-manager { grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; }
  html body.sea-look-tz .sd-page .sd-manager-links { grid-column: 1 / -1; grid-row: 3; flex-wrap: wrap; margin-top: 10px !important; }
}
html body.sea-look .sd-page .sd-manager-links { flex-wrap: wrap; min-width: 0; }
/* contacts: the office cards fit a 320 screen */
.lk-ct-grid { grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); }
.lk-ct-card { min-width: 0; }
/* FAQ: a long word does not push the plus sign out */
.lk-faq summary > :not(.lk-ico) { min-width: 0; }
.lk-faq summary .lk-ico { flex: none; }
@media (max-width: 413px) { html body.sea-look.sea-redesign .lk-faq summary { font-size: 20px !important; gap: 14px; overflow-wrap: break-word; } }

/* Phone flag menu (inc/phone-country.php): the look's radius and font; a light popover in every section (on a dark
   section the inherited light text was unreadable), one line per country */
html body.sea-look .iti__country-list:not(#sea-iti) { background: #fff !important; color: #1B2433 !important; border: 1px solid rgba(27, 36, 51, .16) !important; min-width: min(300px, calc(100vw - 48px)); white-space: nowrap; border-radius: var(--radius) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .14) !important; font-family: var(--f-t) !important; font-size: 15px !important; }
html body.sea-look .iti__country.iti__highlight:not(#sea-iti) { background: rgba(27, 36, 51, .06) !important; }
html body.sea-look .iti__country-name:not(#sea-iti) { color: #1B2433 !important; }
html body.sea-look .iti__divider { border-bottom-color: rgba(27, 36, 51, .16) !important; }
html body.sea-look .iti__dial-code:not(#sea-iti) { color: #566277 !important; }
html body.sea-look .iti__selected-flag { border-radius: var(--radius) 0 0 var(--radius); }
html body.sea-look .iti__selected-flag:focus-visible { outline: 2px solid var(--focus, currentColor); outline-offset: -2px; }
html body.sea-look .iti__arrow { border-top-color: var(--fg2); }
html body.sea-look .iti__arrow--up { border-top-color: transparent; border-bottom-color: var(--fg2); }

/* Home figures ($155 млн · 68 стран · Каждый четвёртый): a short strip, so a compact padding; the next section keeps
   its own, and the break reads as one normal section gap, not an empty band (Kate via the owner, 26.10.2026). */
html body.sea-look .lk-sec:has(> .sea-shell > .lk-figures) { padding-block: 64px; }
@media (max-width: 767px) { html body.sea-look .lk-sec:has(> .sea-shell > .lk-figures) { padding-block: 48px; } }