/* Elephant Rent SEO landing redesign. Scoped to landing content, no global resets. */
.ps-region-seo {
  --seo-surface: #ffffff;
  --seo-surface-soft: #f5f8fc;
  --seo-ink: #10253a;
  --seo-muted: #465c70;
  --seo-line: #dbe5ef;
  --seo-accent: #2571d8;
  padding: clamp(26px, 4.2vw, 64px) 0 clamp(44px, 5vw, 76px);
  color: var(--seo-ink);
}
.ps-region-seo .ps-shell {width: min(100% - 32px, 1200px); margin-inline: auto;}
.ps-region-seo__card {max-width: none; width: 100%;}
.ps-region-seo__card * {box-sizing: border-box;}
.ps-seo-breadcrumbs {margin: 0 0 18px;}
.ps-seo-breadcrumbs ol {gap: 9px; font-size: 13px; color: var(--seo-muted);}
.ps-seo-breadcrumbs a:hover {color: var(--seo-accent);}
.ps-region-seo__card h2 {max-width: 930px; margin: 0 0 16px; color: var(--seo-ink); font-size: clamp(28px, 3.3vw, 44px); line-height: 1.18; letter-spacing: -.035em; text-wrap: balance;}
.ps-region-seo__intro {max-width: 960px; margin-bottom: 24px;}
.ps-region-seo__intro p {font-size: clamp(15px, 1.25vw, 17px); line-height: 1.75;}
.ps-region-seo__content-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 28px;}
.ps-region-seo__content-item,
.ps-region-seo__faq-grid article {min-width: 0; padding: clamp(20px, 2.5vw, 30px); margin: 0; border: 1px solid var(--seo-line); border-radius: 20px; background: var(--seo-surface); box-shadow: 0 10px 30px rgba(13,44,77,.045);}
.ps-region-seo__content-item + .ps-region-seo__content-item,
.ps-region-seo__faq-grid article + article {margin-top: 0;}
.ps-region-seo__content-item h3 {font-size: clamp(19px, 1.8vw, 24px); line-height: 1.32; color: var(--seo-ink); letter-spacing: -.02em; overflow-wrap: anywhere;}
.ps-region-seo__content-item p,
.ps-region-seo__faq-grid p {color: var(--seo-muted); font-size: 15px; line-height: 1.75; overflow-wrap: anywhere;}
.ps-region-seo__article-list {color: var(--seo-muted); font-size: 15px; line-height: 1.7; padding-left: 22px;}
.ps-region-seo__article-list li::marker {color: var(--seo-accent); font-weight: 700;}
.ps-region-seo__faq {margin-top: 38px; padding: clamp(20px, 3.2vw, 36px); border: 1px solid var(--seo-line); border-radius: 24px; background: var(--seo-surface-soft);}
.ps-region-seo__faq > h3 {color: var(--seo-ink); font-size: clamp(23px, 2.6vw, 32px); letter-spacing: -.025em;}
.ps-region-seo__faq-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 22px;}
.ps-region-seo__faq-grid article {padding: 20px 22px; border-radius: 16px; box-shadow: none;}
.ps-region-seo__faq-grid h4 {font-size: 16px; color: var(--seo-ink); line-height: 1.5; overflow-wrap: anywhere;}
.ps-region-seo__faq-grid p {margin-top: 9px; font-size: 14px;}
.ps-region-seo__faq-grid a {color: var(--seo-accent);}
.ps-region-seo__links {margin-top: 24px; padding: 22px 24px; border: 1px solid var(--seo-line); border-radius: 18px; background: var(--seo-surface);}
.ps-region-seo__links--secondary {margin-top: 14px;}
.ps-region-seo__links > strong {margin-bottom: 14px; color: var(--seo-ink);}
.ps-region-seo__links > div {display: flex; flex-wrap: wrap; gap: 10px;}
.ps-region-seo__links a,
html[data-theme="dark"] .ps-region-seo__links a {display: inline-flex; align-items: center; max-width: 100%; padding: 9px 14px; min-height: 40px; border: 1px solid var(--seo-line); border-radius: 999px; background: var(--seo-surface-soft); color: var(--seo-ink); text-decoration: none; line-height: 1.45; font-size: 14px; font-weight: 650; overflow-wrap: anywhere; transition: border-color .15s, background .15s, color .15s;}
.ps-region-seo__links a:hover {border-color: var(--seo-accent); color: var(--seo-accent);}
.ps-region-seo a:focus-visible {outline: 3px solid var(--seo-accent); outline-offset: 3px;}
html[data-theme="dark"] .ps-region-seo {
  --seo-surface: #15222e;
  --seo-surface-soft: #101c26;
  --seo-ink: #f2f7fd;
  --seo-muted: #c1d0dd;
  --seo-line: #354656;
  --seo-accent: #8cbaff;
}
html[data-theme="dark"] .ps-region-seo__card h2,
html[data-theme="dark"] .ps-region-seo__content-item h3,
html[data-theme="dark"] .ps-region-seo__faq h3,
html[data-theme="dark"] .ps-region-seo__faq h4 {color:var(--seo-ink);}
html[data-theme="dark"] .ps-region-seo__intro p,
html[data-theme="dark"] .ps-region-seo__content-item p,
html[data-theme="dark"] .ps-region-seo__faq p,
html[data-theme="dark"] .ps-region-seo__article-list,
html[data-theme="dark"] .ps-seo-breadcrumbs ol {color:var(--seo-muted);}
html[data-theme="dark"] .ps-region-seo__content-item,
html[data-theme="dark"] .ps-region-seo__faq,
html[data-theme="dark"] .ps-region-seo__faq-grid article,
html[data-theme="dark"] .ps-region-seo__links {border:1px solid var(--seo-line); background:var(--seo-surface);}
html[data-theme="dark"] .ps-region-seo__faq {background:var(--seo-surface-soft);}
html[data-theme="dark"] .ps-region-seo__links a {border-color:var(--seo-line);background:var(--seo-surface-soft);}
html[data-theme="dark"] .ps-region-seo__links a:hover {border-color:var(--seo-accent); color:var(--seo-accent);}
html[data-theme="dark"] .ps-seo-breadcrumbs a,html[data-theme="dark"] .ps-seo-breadcrumbs span[aria-current="page"] {color:var(--seo-muted);}
@media(max-width:800px) {
  .ps-region-seo__content-grid {grid-template-columns:1fr; gap:12px;}
  .ps-region-seo__faq-grid {grid-template-columns:1fr;}
}
@media(max-width:640px) {
  .ps-region-seo {padding:26px 0 44px;}
  .ps-region-seo .ps-shell {width: min(100% - 24px,1200px);}
  .ps-seo-breadcrumbs {margin-bottom:14px;}
  .ps-region-seo__card h2 {font-size:clamp(26px,7vw,34px); line-height:1.2;}
  .ps-region-seo__intro p {font-size:15px; line-height:1.7;}
  .ps-region-seo__content-grid {margin-top:20px;}
  .ps-region-seo__content-item {padding:20px 18px; border-radius:16px;}
  .ps-region-seo__content-item h3 {font-size:21px;}
  .ps-region-seo__faq {margin-top:22px; padding:18px 14px; border-radius:18px;}
  .ps-region-seo__faq > h3 {font-size:24px;}
  .ps-region-seo__faq-grid {gap:10px; margin-top:16px;}
  .ps-region-seo__faq-grid article {padding:18px 16px;}
  .ps-region-seo__links {padding:18px 16px; border-radius:16px;}
  .ps-region-seo__links > div {gap:8px;}
  .ps-region-seo__links a,html[data-theme="dark"] .ps-region-seo__links a {font-size:13px; padding:9px 12px;}
}
@media(prefers-reduced-motion:reduce) {.ps-region-seo__links a {transition:none;}}
/* Homepage destination links: compact navigation, not an underlined text dump. */
.ps-home-destinations {padding:16px 0 8px;}
.ps-home-destinations .ps-shell {display:flex; align-items:center;}
.ps-home-destinations .ps-shell > div {display:flex; flex-wrap:wrap; gap:8px; width:100%;}
.ps-home-destinations a {display:inline-flex; align-items:center; width:auto; min-height:40px; padding:9px 14px; border:1px solid #dbe5ef; border-radius:999px; background:#fff; color:#15314b; font-weight:650; font-size:13px; line-height:1.4; text-decoration:none; box-shadow:0 2px 9px rgba(13,44,77,.04);}
.ps-home-destinations a:hover {border-color:#2571d8; color:#1764c4;}
html[data-theme="dark"] .ps-home-destinations a {background:#15222e; border-color:#354656; color:#f2f7fd;}
html[data-theme="dark"] .ps-home-destinations a:hover {border-color:#8cbaff; color:#8cbaff;}
@media(max-width:640px){.ps-home-destinations {padding:12px 0 6px;}.ps-home-destinations .ps-shell > div {display:flex;flex-wrap:wrap;gap:8px;}.ps-home-destinations a {width:auto;padding:9px 12px;}}

/* City shortcuts must remain entirely above the search bar.
   The legacy catalog CSS pulls .ps-search upwards with a negative margin. */
body.ps-home-page .ps-home-destinations {
  position: relative;
  z-index: 1;
  padding-block: 16px 14px;
}
body.ps-home-page .ps-home-destinations .ps-shell > div {
  align-items: center;
  row-gap: 10px;
}
body.ps-home-page .ps-home-destinations a {
  box-sizing: border-box;
  white-space: normal;
}
body.ps-home-page .ps-market .ps-search {
  margin-top: 0 !important;
}
@media (max-width: 640px) {
  body.ps-home-page .ps-home-destinations {
    padding-block: 12px;
  }
  body.ps-home-page .ps-home-destinations .ps-shell > div {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 8px;
  }
  body.ps-home-page .ps-home-destinations a {
    max-width: 100%;
  }
}