@import "tailwindcss";
@import "tw-animate-css";
@import "../vendor/shadcn-tailwind-4.13.0.css";

@utility scrollbar-thin {
  scrollbar-width: thin;
}

@utility scrollbar-none {
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

@utility scrollbar-gutter-stable {
  scrollbar-gutter: stable;
}

:root {
  --background: #f8f1e5;
  --foreground: #171717;
  --card: #ffffff;
  --card-foreground: #171717;
  --popover: #ffffff;
  --popover-foreground: #171717;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e7000b;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --chart-1: #f54900;
  --chart-2: #009689;
  --chart-3: #104e64;
  --chart-4: #ffb900;
  --chart-5: #fe9a00;
  --radius: 0.625rem;
  --sidebar: #fafafa;
  --sidebar-foreground: #171717;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) + 4px);
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --card: #171717;
    --card-foreground: #ededed;
    --popover: #171717;
    --popover-foreground: #ededed;
    --primary: #ededed;
    --primary-foreground: #171717;
    --secondary: #262626;
    --secondary-foreground: #ededed;
    --muted: #262626;
    --muted-foreground: #a1a1a1;
    --accent: #262626;
    --accent-foreground: #ededed;
    --destructive: #ff6467;
    --border: #ffffff1a;
    --input: #ffffff26;
    --ring: #737373;
    --chart-1: #8e51ff;
    --chart-2: #00bc7d;
    --chart-3: #fe9a00;
    --chart-4: #ad46ff;
    --chart-5: #ff2056;
    --sidebar: #171717;
    --sidebar-foreground: #ededed;
    --sidebar-primary: #8e51ff;
    --sidebar-primary-foreground: #ededed;
    --sidebar-accent: #262626;
    --sidebar-accent-foreground: #ededed;
    --sidebar-border: #ffffff1a;
    --sidebar-ring: #737373;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  overflow: hidden;
}

.site-shell {
  width: 100vw;
  height: 100dvh;
  background: #f8f1e5;
}

.site-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #f8f1e5;
}

.sell-page{min-height:100dvh;background:#f8f1e5;color:#0d0f10;overflow:auto}.sell-header{height:88px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ccb8;background:#f8f1e5}.sell-brand{display:flex;align-items:center;gap:14px;color:#0d0f10;text-decoration:none;letter-spacing:.22em}.sell-brand>span:last-child{display:grid;gap:4px}.sell-brand b{font-size:20px}.sell-brand small{font-size:10px;color:#96743b}.sell-mark{width:52px;height:46px;display:grid;place-items:center;background:#111;color:#f8f1e5;font-family:Georgia,serif;font-weight:800;border:1px solid #c29a52}.back-link{color:#0d0f10;font-size:12px;font-weight:900;letter-spacing:.08em;text-decoration:none;border-bottom:2px solid #c29a52;padding-bottom:5px}.sell-intro{background:linear-gradient(120deg,#0d0f10,#1b1c1d 68%,#352918);color:#fff;padding:clamp(54px,8vw,100px) clamp(20px,9vw,140px)}.sell-intro h1{font-size:clamp(42px,6vw,76px);line-height:.98;max-width:800px;margin:12px 0 24px}.sell-intro>p:last-child{font-size:18px;line-height:1.7;max-width:680px;color:#d8d2c7}.sell-kicker{color:#dfc17d;font-size:12px;font-weight:900;letter-spacing:.2em}.sell-form-wrap{padding:clamp(40px,7vw,90px) 20px}.property-form{max-width:980px;margin:auto;display:grid;gap:34px}.property-form fieldset{border:1px solid #d8ccb8;background:#eee4d2;padding:clamp(22px,4vw,42px)}.property-form legend{padding:0 14px;font-size:22px;font-weight:900}.field-grid{display:grid;gap:22px}.field-grid.two{grid-template-columns:1fr 1fr}.property-form label{display:grid;gap:9px;font-weight:800;font-size:14px}.property-form input,.property-form select,.property-form textarea{width:100%;box-sizing:border-box;border:1px solid #bcae97;background:#f8f1e5;padding:14px;font:inherit;color:#111;border-radius:0}.property-form input:focus,.property-form select:focus,.property-form textarea:focus{outline:3px solid rgba(194,154,82,.35);border-color:#96743b}.wide{grid-column:1/-1}.callback-choice{grid-template-columns:auto 1fr!important;align-items:center;border:1px solid #bcae97;padding:12px 14px;background:#f8f1e5}.callback-choice input{width:20px;height:20px}.callback-choice span{display:grid;gap:3px}.callback-choice small{font-weight:500;color:#666}.form-finish{background:#111;color:#eee4d2;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.form-finish p{margin:0;line-height:1.55}.form-finish button{border:0;background:#c29a52;color:#111;font-weight:900;letter-spacing:.06em;padding:16px 22px;white-space:nowrap;cursor:pointer}@media(max-width:700px){.sell-header{height:76px}.sell-brand b{font-size:16px}.sell-brand small{font-size:8px}.sell-mark{width:44px;height:40px}.back-link{font-size:10px}.field-grid.two{grid-template-columns:1fr}.wide{grid-column:auto}.form-finish{align-items:stretch;flex-direction:column}.form-finish button{width:100%}}
.sell-page{height:100dvh}.optional{font-weight:500;color:#6b6255}