/* GetnDrive Visual Rebrand — homepage mobile search-first. v0.2.10.26

   0.2.10.26 (typography and density refinement, brief 2026-09-23): a smaller lockup and a lighter menu button,
   a calmer one-line RU H1, a centred H1 + lead block, and a lighter form surface and typography. Controls keep
   their 44px targets and the submit its 48px. Same selectors and scope as 0.2.10.24; no markup or script change.

   Loaded on the homepage only (`/`, `/ru/`), after the Dynamic Hero stylesheet and every other Rebrand
   stylesheet. Every rule sits inside the phone band (`max-width: 767px`); tablet and desktop receive nothing
   from this file. Every Hero rule is scoped to the server marker `[data-gnd-mobile-search-first]`; the two
   header rules are scoped to the homepage body class `gnd-public-home-shell`.

   Presentation only. No field, name, value, validation, date carrier, submit URL, route, menu record or
   runtime identifier is touched. The Dynamic Hero stage (scenes, scrim, rotation controls, caption) and its
   quick-destination chips are only hidden on phones: its markup, config, preloads and controller stay as
   they are, and the desktop Hero is not addressed at all.

   The server writes each mobile-only element with the `hidden` attribute; this file shows them below 768px
   and hides their `gnd-msf-desktop` twins. Without this file, the desktop copy is what every width shows. */

@media (max-width: 767px) {
	/* --- 1. Header row: 64px, genuine logo lockup, menu button unchanged -------------------------------- */

	body.getndrive-visual-rebrand.gnd-public-home-shell {
		--gnd-hdr-mobile-row-h: 64px;
	}

	body.getndrive-visual-rebrand.gnd-public-home-shell #mobile-header .site-main-header-inner-wrap {
		min-height: 64px !important;
		height: 64px;
	}

	/* The lockup asset is 1200x208; 150x26 keeps that ratio (5.77) and never crops it (0.2.10.26, was 196x34). */
	body.getndrive-visual-rebrand.gnd-public-home-shell #mobile-header .mobile-site-branding {
		margin-left: 0;
	}

	body.getndrive-visual-rebrand.gnd-public-home-shell #mobile-header .site-branding a.brand {
		width: 150px;
		height: 26px;
		max-width: 100%;
	}

	body.getndrive-visual-rebrand.gnd-public-home-shell #mobile-header .site-branding a.brand::before {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left center;
	}

	/* Menu button: same 44px target, focus and behaviour; only its decorative border and shadow are lighter. */
	body.getndrive-visual-rebrand.gnd-public-home-shell #mobile-header .menu-toggle-open {
		border-color: rgba(12, 143, 134, 0.18);
		box-shadow: 0 2px 8px rgba(11, 31, 58, 0.08);
	}

	/* --- 2. Hero surface: light, photo-free, ordinary flow ------------------------------------------------
	   No panel of its own: the Hero sits on the page's existing near-white brand background, so the Search
	   form is the one surface in the first screen, not a card inside a card. */

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] {
		min-height: 0 !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		color: var(--gnd-ink, #102033) !important;
		overflow: visible !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first]::before,
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first]::after {
		content: none !important;
		display: none !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] > .wp-block-group__inner-container {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: none !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 16px 1px 28px !important;
		box-sizing: border-box !important;
	}

	/* The scene stage (photo, scrim, rotation controls, dots, caption) and the chip rail: not on phones. */
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-hero-stage,
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-hero-chips,
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-platform-trust {
		display: none !important;
	}

	/* --- 3. Copy: one H1, one lead ----------------------------------------------------------------------- */

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-msf-desktop {
		display: none !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] span.gnd-msf-mobile[hidden] {
		display: inline !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] p.gnd-msf-mobile[hidden],
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-msf-after[hidden] {
		display: block !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-platform-hero__copy {
		order: 0;
		width: 100% !important;
		max-width: none !important;
		margin: 0 0 12px !important;
		padding: 0 !important;
		background: none !important;
		text-align: center !important;
		color: var(--gnd-ink, #102033) !important;
		text-shadow: none !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-platform-hero__copy h1 {
		/* The copy column shrink-wraps its children; the H1 spans the whole block so its text centres on the lead. */
		align-self: stretch !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		color: var(--gnd-navy, #0b1f3a) !important;
		/* One line for `В путь — легко.` from 320px at ordinary text size; it may wrap under zoom (no nowrap).
		   EN keeps its approved two-line H1. Letter spacing 0 (DESIGN.md). */
		font-size: clamp(26px, 7.4vw, 29px) !important;
		font-weight: 600 !important;
		line-height: 1.18 !important;
		letter-spacing: 0 !important;
		text-align: center !important;
		text-shadow: none !important;
		text-wrap: balance;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-platform-hero__copy h1 .sch-platform-hero__title-line {
		color: inherit !important;
		font-weight: inherit !important;
		text-shadow: none !important;
	}

	/* The lead is shown on phones (the earlier photo Hero dropped it there): RU shows its mobile lead, EN keeps
	   the approved lead. */
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-platform-hero__copy .sch-platform-lead:not(.gnd-msf-desktop) {
		display: block !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-platform-hero__copy :is(.sch-platform-lead, .gnd-msf-lead) {
		max-width: 22rem !important;
		margin: 8px auto 0 !important;
		padding: 0 !important;
		color: var(--gnd-muted, #4d5f72) !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
		text-align: center !important;
		text-shadow: none !important;
		text-wrap: balance;
	}

	/* --- 4. Search: the one real form, expanded, one light surface ---------------------------------------- */

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-platform-hero__search {
		order: 1;
		position: static !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
		background: none !important;
		box-shadow: none !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 12px !important;
		box-sizing: border-box !important;
		border: 1px solid rgba(11, 31, 58, 0.09) !important;
		border-radius: 16px !important;
		background: var(--gnd-card, #fff) !important;
		box-shadow: 0 2px 10px rgba(11, 31, 58, 0.04) !important;
		text-align: left !important;
		backdrop-filter: none !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__kinds {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: 100% !important;
		margin: 0 0 10px !important;
		box-sizing: border-box !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search.sch-home-search .sch-home-search__kind {
		min-height: 44px !important;
		width: 100% !important;
		justify-content: center !important;
		text-align: center !important;
		font-size: 15px !important;
	}

	/* Two columns: location and vehicle type span both; each date sits beside its own time. */
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 8px 10px !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid > label {
		grid-column: auto !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 3px !important;
		min-width: 0 !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid > label[hidden] {
		display: none !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid > label.sch-home-search__location,
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid > label.sch-home-search__full {
		grid-column: 1 / -1 !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid > label > span {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		color: var(--gnd-muted, #4d5f72) !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		line-height: 1.3 !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		text-transform: none !important;
		letter-spacing: 0 !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid > label.sch-home-search__location > span {
		color: var(--gnd-ink, #102033) !important;
		font-size: 15px !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid select,
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid .sch-location-search__input,
	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid .gnd-datefield {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 44px !important;
		height: 44px !important;
		margin: 0 !important;
		padding: 0 12px !important;
		box-sizing: border-box !important;
		border: 1px solid var(--gnd-line-strong, rgba(11, 31, 58, 0.22)) !important;
		border-radius: 10px !important;
		background-color: #fff !important;
		color: var(--gnd-ink, #102033) !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 1.2 !important;
		text-align: left !important;
		box-shadow: none !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid .sch-location-search {
		width: 100% !important;
		min-width: 0 !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid .gnd-datefield {
		display: flex !important;
		align-items: center !important;
		overflow: hidden !important;
		white-space: nowrap !important;
		text-overflow: ellipsis !important;
		cursor: pointer;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid .gnd-datefield.is-empty {
		color: var(--gnd-muted, #4d5f72) !important;
		font-weight: 400 !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid .sch-location-search__input::placeholder {
		color: var(--gnd-muted, #4d5f72);
		font-weight: 400;
		opacity: 1;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__grid :is(select, .sch-location-search__input, .gnd-datefield):focus-visible {
		outline: 2px solid var(--gnd-teal-deep, #0d7f77) !important;
		outline-offset: 1px !important;
		box-shadow: var(--gnd-focus, 0 0 0 3px rgba(27, 174, 159, 0.24)) !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search .sch-home-search__error:not([hidden]) {
		display: block !important;
		margin: 10px 0 0 !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .sch-home-search.sch-home-search .sch-home-search__submit.sch-home-search__submit[data-sch-home-search-submit] {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		min-height: 48px !important;
		margin: 12px 0 0 !important;
		padding: 0 16px !important;
		box-sizing: border-box !important;
		border-radius: 12px !important;
		font-size: 16px !important;
		font-weight: 600 !important;
	}

	/* --- 5. After the form: assurance line, then quick directions ----------------------------------------- */

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-msf-after {
		order: 2;
		width: 100%;
		margin: 12px 0 0;
		padding: 0;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-msf-assurance {
		margin: 0 !important;
		padding: 0 !important;
		color: var(--gnd-teal-ink, #075f62) !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		line-height: 1.4 !important;
		text-align: center !important;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-msf-directions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		margin: 16px 0 0;
		padding: 0;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-msf-direction {
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		min-height: 44px;
		padding: 0 12px;
		box-sizing: border-box;
		border: 1px solid var(--gnd-line, rgba(11, 31, 58, 0.13));
		border-radius: 999px;
		background: var(--gnd-card, #fff);
		color: var(--gnd-navy, #0b1f3a) !important;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.2;
		text-align: center;
		text-decoration: none !important;
		overflow-wrap: anywhere;
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-msf-direction:hover {
		border-color: var(--gnd-teal-deep, #0d7f77);
	}

	body.getndrive-visual-rebrand .sch-platform-home--redesign .sch-platform-hero--redesign[data-gnd-mobile-search-first] .gnd-msf-direction:focus-visible {
		outline: 2px solid var(--gnd-teal-deep, #0d7f77);
		outline-offset: 2px;
	}
}