.find-us-page {
  --find-bronze: #a18359;
  --find-bronze-light: #d7c29f;
  --find-panel: #ece8e0;
  background: #f6f3ed;
}

.find-main { padding: 20px 0 0; }
.find-main .container { width: min(1480px, calc(100% - 48px)); }
.find-us-page .site-header { background: rgba(246, 243, 237, .94); }
.find-us-page .catalog-btn { flex: none; }
.find-mega-link {
  display: flex; justify-content: space-between; width: 100%; padding: 13px 11px; border-radius: 9px;
  color: #55564f; font-size: 13px;
}
.find-mega-link:hover, .find-mega-link.mega-menu__active { background: #f4f0e9; color: var(--ink); }
.find-search-submit { display: none; border: 0; background: transparent; color: #716b61; font-size: 20px; }
.find-header-actions a {
  position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  min-width: 76px; color: #6b6962; font-size: 10px; font-weight: 700;
}
.find-header-actions b {
  position: absolute; top: -5px; right: 14px; display: none; align-items: center; justify-content: center;
  min-width: 17px; height: 17px; padding: 0 4px; border: 2px solid var(--paper); border-radius: 20px;
  background: #1b1c19; color: #fff; font-size: 9px;
}
.find-header-actions b.visible { display: flex; }

.find-hero {
  position: relative; min-height: 570px; overflow: hidden; border-radius: 25px; background: #111210; color: #fff;
  box-shadow: 0 28px 80px rgba(35, 31, 25, .13); isolation: isolate;
}
.find-hero__image, .find-hero__shade { position: absolute; inset-block: 0; }
.find-hero__image {
  right: 0; left: 41%; background: url("./assets/strong21-location-building.jpg") 58% center/cover no-repeat;
  transform: scale(1.004); transition: transform 1.1s ease;
}
.find-hero:hover .find-hero__image { transform: scale(1.025); }
.find-hero__shade {
  z-index: 1; left: 0; width: 47%; background: linear-gradient(90deg, #111210 0%, #111210 84%, rgba(17,18,16,.86) 92%, transparent 100%);
}
.find-hero__content {
  position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center;
  width: 41%; min-height: 570px; padding: 64px 34px 70px 5%;
}
.find-eyebrow {
  display: flex; align-items: center; gap: 11px; margin: 0 0 26px; color: #d8c7aa;
  font-size: 10px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase;
}
.find-eyebrow i { display: block; width: 25px; height: 1px; background: currentColor; }
.find-eyebrow--dark { color: #927953; }
.find-hero h1 {
  margin: 0; font-family: "Unbounded", sans-serif; font-size: clamp(47px, 4.2vw, 66px); font-weight: 700;
  line-height: 1.01; letter-spacing: -.055em; text-transform: uppercase;
}
.find-hero__lead { max-width: 390px; margin: 25px 0 28px; color: rgba(255, 255, 255, .7); font-size: 15px; line-height: 1.6; }
.find-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.find-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 52px; padding: 0 24px;
  border: 1px solid transparent; border-radius: 12px; font-size: 10px; font-weight: 800; letter-spacing: .06em;
  text-transform: uppercase; transition: transform .25s ease, background .25s ease, color .25s ease;
}
.find-button:hover { transform: translateY(-2px); }
.find-button--primary { background: #ded0b8; color: #181915; }
.find-button--primary:hover { background: #f1e4ce; }
.find-button--outline { border-color: rgba(255, 255, 255, .36); color: #fff; backdrop-filter: blur(10px); }
.find-button--outline:hover { background: rgba(255, 255, 255, .12); }
.find-button--dark { background: #111210; color: #fff; }
.find-button--dark:hover { background: #33342f; }
.find-button--sand { background: #d7c29f; color: #171815; }
.find-button--sand:hover { background: #ead8ba; }
.find-hero__seal {
  position: absolute; right: 4%; bottom: 34px; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center;
  width: 124px; height: 124px; border: 1px solid rgba(255,255,255,.38); border-radius: 50%;
  background: rgba(17, 18, 16, .8); box-shadow: inset 0 0 0 7px rgba(255,255,255,.04); backdrop-filter: blur(13px);
}
.find-hero__seal strong { font-family: "Unbounded"; font-size: 12px; }
.find-hero__seal b { margin: 5px 0; color: #d8c7aa; font-family: "Unbounded"; font-size: 29px; line-height: 1; }
.find-hero__seal span { color: rgba(255,255,255,.5); font-size: 7px; letter-spacing: .2em; }
.find-hero__location {
  position: absolute; right: 14.5%; bottom: 45px; z-index: 2; display: flex; align-items: center; gap: 12px;
  padding: 12px 17px; border: 1px solid rgba(255,255,255,.18); border-radius: 12px;
  background: rgba(17,18,16,.44); color: rgba(255,255,255,.62); font-size: 9px; line-height: 1.5; backdrop-filter: blur(10px);
}
.find-hero__location i { width: 8px; height: 8px; border-radius: 50%; background: #d0b58e; box-shadow: 0 0 0 5px rgba(208,181,142,.14); }
.find-hero__location b { color: #fff; font-size: 10px; }

.find-facts {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 16px;
}
.find-fact {
  display: grid; grid-template-columns: 52px 27px minmax(0,1fr); gap: 13px; min-height: 166px; padding: 23px 20px;
  border: 1px solid rgba(17,18,16,.045); border-radius: 17px; background: linear-gradient(135deg, #efebe4, #e8e3da);
  box-shadow: 0 15px 35px rgba(46, 39, 31, .045);
}
.find-fact__icon {
  display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid rgba(161,131,89,.22);
  border-radius: 14px; color: var(--find-bronze);
}
.find-fact__icon svg { width: 27px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.find-fact__number { padding-top: 6px; color: #524c43; font-size: 10px; }
.find-fact small { display: block; margin: 7px 0 10px; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.find-fact p { margin: 0; color: #292a26; font-size: 12px; line-height: 1.55; }
.find-fact button, .find-fact__link {
  display: inline-flex; gap: 8px; margin-top: 14px; padding: 0; border: 0; background: transparent; color: #4b4943;
  font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.find-fact button:hover, .find-fact__link:hover { color: #9b7c51; }

.find-route { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(360px, 1fr); gap: 14px; margin-top: 14px; }
.find-map, .find-steps { min-width: 0; overflow: hidden; border: 1px solid rgba(17,18,16,.06); border-radius: 21px; background: #ebe7df; }
.find-map { position: relative; min-height: 520px; }
.find-map__canvas { position: absolute; inset: 0 0 66px; overflow: hidden; background: #e8e2d8; }
.find-map__frame-host { position: relative; z-index: 2; width: 100%; height: 100%; }
.find-map__canvas iframe {
  display: block; width: 100%; height: 100%; border: 0; opacity: 1;
  filter: saturate(.82) contrast(.97); transition: opacity .28s ease;
}
.find-map__canvas.is-loading iframe { opacity: 0; }
.find-map__placeholder {
  position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: 28px; color: #242520; text-align: center; opacity: 1; visibility: visible; transition: opacity .25s ease, visibility .25s ease;
  background:
    linear-gradient(31deg, transparent 0 35%, rgba(255,255,255,.66) 35.2% 37.5%, transparent 37.7%),
    linear-gradient(147deg, transparent 0 54%, rgba(255,255,255,.5) 54.2% 56.2%, transparent 56.4%),
    repeating-linear-gradient(90deg, rgba(121,111,96,.07) 0 1px, transparent 1px 84px),
    repeating-linear-gradient(0deg, rgba(121,111,96,.07) 0 1px, transparent 1px 72px),
    radial-gradient(circle at 30% 18%, rgba(194,211,181,.72), transparent 21%),
    radial-gradient(circle at 80% 75%, rgba(210,224,198,.62), transparent 24%),
    #e8e2d8;
}
.find-map__canvas.is-loaded .find-map__placeholder { opacity: 0; visibility: hidden; }
.find-map__loading-pin {
  display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 16px; border-radius: 19px;
  background: #1a1b18; box-shadow: 0 15px 35px rgba(24,25,22,.18);
}
.find-map__loading-pin svg { width: 28px; fill: none; stroke: #d6c4a5; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.find-map__placeholder strong { font-family: "Unbounded"; font-size: 18px; letter-spacing: -.04em; }
.find-map__placeholder small { margin-top: 8px; color: #625e56; font-size: 11px; font-weight: 700; }
.find-map__placeholder em { margin-top: 20px; color: #9a805a; font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.find-map__links {
  position: absolute; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; min-height: 66px;
  border-top: 1px solid rgba(17,18,16,.07); background: #f3f0e9;
}
.find-map__links a { display: flex; align-items: center; gap: 10px; padding: 0 23px; color: #353631; font-size: 10px; font-weight: 800; }
.find-map__links a span { margin-left: auto; color: #9a805a; }
.find-map__address { display: flex; align-items: center; padding: 0 23px; border-left: 1px solid rgba(17,18,16,.07); color: #7b756c; font-size: 10px; font-weight: 700; }
.find-map__pin { width: 11px; height: 11px; border-radius: 50% 50% 50% 2px; transform: rotate(-45deg); }
.find-map__pin--red { background: #d94c42; }
.find-steps { display: flex; flex-direction: column; padding: 36px 34px 30px; }
.find-steps .find-eyebrow { margin-bottom: 15px; }
.find-steps h2 {
  margin: 0 0 13px; font-family: "Unbounded"; font-size: clamp(29px, 2.5vw, 41px); line-height: 1.08;
  letter-spacing: -.055em; text-transform: uppercase;
}
.find-steps ol { margin: 0 0 23px; padding: 0; list-style: none; }
.find-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 12px; padding: 15px 0; border-bottom: 1px solid rgba(17,18,16,.08); }
.find-steps li > b { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #ded2be; color: #665d51; font-size: 9px; }
.find-steps li strong { display: block; margin: 1px 0 4px; font-size: 12px; }
.find-steps li span { display: block; color: #777269; font-size: 10px; line-height: 1.45; }
.find-steps .find-button { align-self: flex-start; margin-top: auto; min-width: 155px; }

.find-delivery {
  display: grid; grid-template-columns: minmax(360px, .7fr) 1.8fr; gap: 34px; margin-top: 14px; padding: 44px 48px;
  border-radius: 21px; background:
    radial-gradient(circle at 72% 10%, rgba(161,131,89,.16), transparent 26%),
    linear-gradient(135deg, #1a1b18, #111210); color: #fff; box-shadow: 0 24px 55px rgba(17,18,16,.16);
}
.find-delivery__intro h2 {
  margin: 0; font-family: "Unbounded"; font-size: clamp(30px, 3vw, 47px); line-height: 1.06; letter-spacing: -.055em; text-transform: uppercase;
}
.find-delivery__intro > p:not(.find-eyebrow) { max-width: 480px; margin: 18px 0 24px; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.7; }
.find-delivery__services { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 9px; }
.find-delivery__services article {
  display: flex; flex-direction: column; min-width: 0; min-height: 226px; padding: 19px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px;
  background: rgba(255,255,255,.035); box-shadow: inset 0 1px rgba(255,255,255,.04);
}
.find-delivery__services article > b { color: rgba(255,255,255,.37); font-size: 11px; }
.find-delivery__services article > span { margin-top: auto; color: rgba(255,255,255,.45); font-size: 9px; line-height: 1.5; }
.find-service { display: flex; align-items: center; gap: 9px; min-height: 62px; margin: auto 0; }
.find-service strong { min-width: 0; font-family: "Unbounded"; font-size: 10px; line-height: 1.25; text-transform: uppercase; }
.find-service__icon { flex: none; width: 38px; height: 38px; object-fit: contain; }
.find-service__logo { display: block; max-width: 100%; height: auto; object-fit: contain; object-position: left center; }
.find-service__logo--cdek { width: 108px; }
.find-service__logo--lines { width: 150px; mix-blend-mode: screen; }

.find-footer { margin-top: 18px; }
.find-toast {
  position: fixed; right: 22px; bottom: 22px; z-index: 100; padding: 13px 17px; border-radius: 10px; background: #111210; color: #fff;
  box-shadow: 0 14px 35px rgba(17,18,16,.25); font-size: 11px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: .25s ease;
}
.find-toast.visible { opacity: 1; visibility: visible; transform: translateY(0); }

@media (max-width: 1180px) {
  .find-hero__image { left: 45%; }
  .find-hero__shade { width: 51%; }
  .find-hero__content { width: 45%; }
  .find-hero__location { display: none; }
  .find-facts { grid-template-columns: repeat(2, 1fr); }
  .find-route { grid-template-columns: 1.45fr 1fr; }
  .find-delivery { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .find-main .container { width: min(760px, calc(100% - 32px)); }
  .find-hero { min-height: 590px; }
  .find-hero__image { left: 48%; }
  .find-hero__shade { width: 55%; }
  .find-hero__content { width: 50%; min-height: 590px; padding-left: 5%; }
  .find-hero h1 { font-size: clamp(40px, 5.5vw, 52px); }
  .find-hero__seal { right: 4%; width: 118px; height: 118px; }
  .find-route { grid-template-columns: 1fr; }
  .find-map { min-height: 470px; }
  .find-steps { min-height: 485px; }
  .find-delivery__services { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 620px) {
  .find-main { padding-top: 10px; }
  .find-main .container { width: min(520px, calc(100% - 18px)); }
  .find-us-page .header-main { grid-template-columns: auto auto auto 1fr; }
  .find-header-actions { grid-column: 4; grid-row: 1; }
  .find-header-actions a { min-width: 25px; }
  .find-header-actions a span { display: none; }
  .find-header-actions b { right: -4px; }
  .find-search-submit { display: block; }
  .find-hero { min-height: 705px; border-radius: 16px; }
  .find-hero__image { inset: 0 0 auto; height: 285px; background-position: 58% center; }
  .find-hero__shade { inset: 285px 0 0; width: auto; background: linear-gradient(180deg,#151613,#10110f); }
  .find-hero__content { position: absolute; inset: 285px 0 0; justify-content: flex-start; width: auto; min-height: 0; padding: 37px 23px 112px; }
  .find-eyebrow { margin-bottom: 21px; font-size: 8px; }
  .find-hero h1 { font-size: clamp(36px, 11.5vw, 48px); line-height: 1.03; }
  .find-hero__lead { max-width: 310px; margin: 19px 0 22px; font-size: 12px; }
  .find-hero__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .find-button { min-height: 48px; padding: 0 15px; font-size: 8px; }
  .find-hero__seal { top: 205px; right: 18px; bottom: auto; width: 86px; height: 86px; }
  .find-hero__seal b { font-size: 25px; }
  .find-facts { grid-template-columns: 1fr; gap: 8px; margin-top: 9px; }
  .find-fact { grid-template-columns: 48px 27px 1fr; min-height: 140px; padding: 18px 17px; }
  .find-map { min-height: 425px; }
  .find-map__canvas { bottom: 104px; }
  .find-map__links { grid-template-columns: 1fr; min-height: 104px; }
  .find-map__links a { padding: 0 18px; }
  .find-map__address { padding: 0 18px; border-top: 1px solid rgba(17,18,16,.07); border-left: 0; }
  .find-steps { min-height: 0; padding: 28px 21px 24px; }
  .find-steps h2 { font-size: 29px; }
  .find-steps li { padding: 13px 0; }
  .find-delivery { gap: 30px; margin-top: 9px; padding: 32px 22px; border-radius: 16px; }
  .find-delivery__intro h2 { font-size: 29px; }
  .find-delivery__services { grid-template-columns: 1fr 1fr; gap: 8px; }
  .find-delivery__services article { min-height: 177px; padding: 15px; }
  .find-service__icon { width: 34px; height: 34px; }
}

@media (max-width: 390px) {
  .find-hero__actions { grid-template-columns: 1fr; max-width: 265px; }
  .find-hero__content { padding-inline: 19px; }
  .find-hero__seal { width: 88px; height: 88px; }
  .find-hero__seal strong { font-size: 9px; }
  .find-hero__seal b { font-size: 21px; }
  .find-delivery__services { grid-template-columns: 1fr; }
  .find-delivery__services article { min-height: 145px; }
  .find-service__logo--lines { width: 145px; }
}