/* Home desktop: the Elementor content stays editable; only its large-screen
   composition changes here. */
.ridest-desktop-nav {
	display: none;
}

.bike-scroll-controls {
	display: none;
}

/* Tablet landscape needs a higher focal point: both source photos are
   square, while these panels become wide and comparatively shallow. */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.page-id-7 .elementor-element-rdshero1 {
		background-position: center 10% !important;
	}

	.page-id-7 .elementor-element-347d532 {
		background-position: center 16% !important;
	}
}

@media (min-width: 1025px) {
	.page-id-7 {
		padding-top: 84px;
		background: #fff;
		font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
	}

	.page-id-7 .ridest-header {
		min-height: 84px;
		padding: 0 20px !important;
		background: rgba(248, 248, 248, 0.96);
		border-bottom: 1px solid rgba(17, 17, 17, 0.08);
		backdrop-filter: blur(14px);
		-webkit-backdrop-filter: blur(14px);
	}

	.page-id-7 .ridest-header .elementor-container,
	.page-id-7 .ridest-header.e-con,
	.page-id-7 .ridest-header .elementor-column,
	.page-id-7 .ridest-header .elementor-widget-wrap {
		min-height: 84px;
	}

	.page-id-7 .ridest-header .elementor-container,
	.page-id-7 .ridest-header.e-con {
		width: 100%;
		max-width: none;
	}

	.page-id-7 .ridest-header .ridest-logo {
		left: 0;
	}

	.page-id-7 .ridest-logo .elementor-heading-title {
		font-size: 27px;
	}

	.page-id-7 .ridest-menu-icon,
	.page-id-7 .ridest-menu-panel {
		display: none !important;
	}

	.ridest-desktop-nav {
		position: absolute;
		top: 50%;
		right: 20px;
		display: flex;
		align-items: center;
		gap: clamp(22px, 2.35vw, 40px);
		transform: translateY(-50%);
	}

	.ridest-desktop-nav a {
		position: relative;
		padding: 10px 0;
		color: #111;
		font-family: "IBM Plex Mono", "Courier New", monospace;
		font-size: 13px;
		font-weight: 500;
		line-height: 1;
		text-decoration: none;
	}

	.ridest-desktop-nav a::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 4px;
		left: 0;
		height: 1px;
		background: currentColor;
		transform: scaleX(0);
		transform-origin: right center;
		transition: transform 240ms cubic-bezier(0.16, 1, 0.3, 1);
	}

	.ridest-desktop-nav a:hover::after,
	.ridest-desktop-nav a:focus-visible::after {
		transform: scaleX(1);
		transform-origin: left center;
	}

	.ridest-desktop-nav .ridest-desktop-nav__contact {
		padding: 12px 18px;
		border: 1px solid #111;
		border-radius: 6px;
		transition: background-color 200ms ease, color 200ms ease;
	}

	.ridest-desktop-nav .ridest-desktop-nav__contact::after {
		display: none;
	}

	.ridest-desktop-nav .ridest-desktop-nav__contact:hover,
	.ridest-desktop-nav .ridest-desktop-nav__contact:focus-visible {
		background: #111;
		color: #fff;
	}

	.page-id-7 #biciclette,
	.page-id-7 #officina,
	.page-id-7 #accessori {
		scroll-margin-top: 84px;
	}

	.page-id-7 .elementor-element-rdshero1 {
		min-height: clamp(680px, calc(100svh - 84px), 900px);
		padding: 0 var(--ridest-hero-inset) !important;
		background-color: #071521;
		background-image: url("/wp-content/uploads/2026/05/RobeSito/Hero_Ridest1.png");
		background-position: center 10% !important;
		background-size: cover;
	}

	.page-id-7 .elementor-element-rdshero1::before {
		background:
			linear-gradient(90deg, rgba(2, 12, 20, 0.76) 0%, rgba(2, 12, 20, 0.3) 46%, rgba(2, 12, 20, 0.02) 72%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.05) 45%, rgba(0, 0, 0, 0.48) 100%);
	}

	.page-id-7 .elementor-element-rdshero1 > .elementor-background-overlay {
		display: none;
	}

	.page-id-7 .elementor-element-rdshero1 > .elementor-container,
	.page-id-7 .elementor-element-rdshero1 .elementor-column,
	.page-id-7 .elementor-element-rdshero1 .elementor-widget-wrap {
		min-height: clamp(680px, calc(100svh - 84px), 900px);
	}

	.page-id-7 .elementor-element-rdshero1 > .elementor-container {
		width: 100%;
		max-width: 1320px;
		margin: 0 auto;
	}

	.page-id-7 .elementor-element-rdshero1 .elementor-widget-wrap {
		padding: 0 0 76px;
	}

	.page-id-7 .elementor-element-rdskick1 .elementor-heading-title {
		font-family: "IBM Plex Mono", "Courier New", monospace;
		font-size: 13px;
		font-weight: 500;
		letter-spacing: 2px;
	}

	.page-id-7 .elementor-element-rdstitle1 .elementor-heading-title {
		max-width: 690px;
		font-family: "IBM Plex Mono", "Courier New", monospace;
		font-size: clamp(68px, 6.25vw, 96px);
		font-weight: 400;
		line-height: 0.96;
		letter-spacing: 2px;
	}

	.page-id-7 .ridest-cta .elementor-button {
		min-height: 48px;
		padding: 15px 20px;
		border-radius: 6px;
		font-family: "IBM Plex Mono", "Courier New", monospace;
		font-size: 13px;
		transition: transform 200ms ease, background-color 200ms ease;
	}

	.page-id-7 .ridest-cta .elementor-button:hover,
	.page-id-7 .ridest-cta .elementor-button:focus-visible {
		background: #fff !important;
		transform: translateY(-2px);
	}

	.page-id-7 .elementor-element-rdsbike1 {
		padding: 118px 0 126px;
	}

	.page-id-7 .elementor-element-rdsbike1 .elementor-container {
		max-width: none;
	}

	.page-id-7 .elementor-element-rdsbike1 .bike-section-title,
	.page-id-7 .elementor-element-rdsbike1 .bike-section-label,
	.page-id-7 .elementor-element-rdsbike1 .bike-categories-shortcode {
		width: 100%;
		max-width: 1440px;
		margin-right: auto;
		margin-left: auto;
		padding-right: 60px;
		padding-left: 60px;
		box-sizing: border-box;
	}

	.page-id-7 .bike-section-title .elementor-heading-title {
		max-width: 780px;
		margin-bottom: 48px;
		font-family: "IBM Plex Sans", Arial, sans-serif;
		font-size: clamp(58px, 5vw, 76px);
		font-weight: 400;
		line-height: 0.98;
	}

	.page-id-7 .bike-section-label .elementor-heading-title {
		margin-bottom: 22px;
		font-family: "IBM Plex Mono", "Courier New", monospace;
		font-size: 13px;
		font-weight: 500;
	}

	.page-id-7 .bike-scroll-wrapper {
		padding-bottom: 0;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
	}

	.page-id-7 .bike-scroll-wrapper::-webkit-scrollbar {
		display: none;
	}

	.page-id-7 .bike-scroll-wrapper:focus-visible {
		outline: 1px solid #111;
		outline-offset: 7px;
	}

	.page-id-7 .bike-scroll-track {
		gap: 28px;
	}

	.page-id-7 .bike-card {
		width: clamp(340px, 29vw, 420px);
		scroll-snap-align: start;
	}

	.page-id-7 .bike-card__image {
		margin-bottom: 15px;
	}

	.page-id-7 .bike-card__image img {
		transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
	}

	.page-id-7 .bike-card:hover .bike-card__image img {
		transform: scale(1.025);
	}

	.page-id-7 .bike-card__title {
		font-family: "IBM Plex Mono", "Courier New", monospace;
		font-size: 14px;
		font-weight: 500;
	}

	.page-id-7 .bike-scroll-controls {
		display: flex;
		justify-content: flex-end;
		gap: 8px;
		width: 100%;
		max-width: 1440px;
		margin: 24px auto 0;
		padding: 0 60px;
		box-sizing: border-box;
	}

	.page-id-7 .bike-scroll-control {
		display: inline-grid;
		place-items: center;
		width: 42px;
		height: 42px;
		padding: 0;
		border: 1px solid #111;
		border-radius: 4px;
		background: transparent;
		color: #111;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		line-height: 1;
		cursor: pointer;
		transition: background-color 180ms ease, color 180ms ease, opacity 180ms ease;
	}

	.page-id-7 .bike-scroll-control:hover,
	.page-id-7 .bike-scroll-control:focus-visible {
		background: #111;
		color: #fff;
	}

	.page-id-7 .bike-scroll-control:focus-visible {
		outline: 1px solid #111;
		outline-offset: 3px;
	}

	.page-id-7 .bike-scroll-control:disabled {
		opacity: 0.28;
		cursor: default;
	}

	.page-id-7 .bike-scroll-control:disabled:hover {
		background: transparent;
		color: #111;
	}

	.page-id-7 .elementor-element-5dcde71 {
		padding-top: 96px;
		padding-bottom: 110px;
	}

	.page-id-7 .elementor-element-5dcde71 .elementor-element-9789280,
	.page-id-7 .elementor-element-5dcde71 .elementor-element-da09719,
	.page-id-7 .elementor-element-5dcde71 .elementor-element-498e703 {
		width: calc(100% - 160px);
		max-width: 1120px;
		margin-right: auto;
		margin-left: auto;
	}

	.page-id-7 .elementor-element-5dcde71 .elementor-element-da09719 {
		height: auto;
		aspect-ratio: 1280 / 712;
		overflow: hidden;
	}

	.page-id-7 .elementor-element-5dcde71 .elementor-element-da09719 .elementor-widget-container,
	.page-id-7 .elementor-element-5dcde71 .elementor-element-da09719 img {
		width: 100%;
		height: 100% !important;
	}

	.page-id-7 .elementor-element-5dcde71 .elementor-element-da09719 img {
		object-fit: cover;
		object-position: center center;
	}

	.page-id-7 .elementor-element-5eead64,
	.page-id-7 .elementor-element-347d532,
	.page-id-7 .elementor-element-49bb5da {
		min-height: clamp(620px, 72svh, 790px);
		padding: 0 64px !important;
		background-size: cover;
	}

	.page-id-7 .elementor-element-5eead64 {
		background-image: url("/wp-content/uploads/2026/05/RobeSito/meccanico.PNG");
		background-position: center 20% !important;
	}

	.page-id-7 .elementor-element-347d532 {
		background-image: url("/wp-content/uploads/2026/05/Accessori/HomeAccessori.png");
		background-position: center 18% !important;
	}

	.page-id-7 .elementor-element-49bb5da {
		background-image: url("/wp-content/uploads/2026/05/RobeSito/Negozio/negozio/2025-07-14%20%283%29.webp");
		background-position: center 63% !important;
	}

	.page-id-7 .elementor-element-5eead64::before,
	.page-id-7 .elementor-element-347d532::before,
	.page-id-7 .elementor-element-49bb5da::before {
		background:
			linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.14) 58%, rgba(0, 0, 0, 0.04) 100%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.05) 48%, rgba(0, 0, 0, 0.58) 100%);
	}

	.page-id-7 .elementor-element-5eead64 > .elementor-background-overlay,
	.page-id-7 .elementor-element-347d532 > .elementor-background-overlay,
	.page-id-7 .elementor-element-49bb5da > .elementor-background-overlay {
		display: none;
	}

	.page-id-7 .elementor-element-5eead64 > .elementor-container,
	.page-id-7 .elementor-element-347d532 > .elementor-container,
	.page-id-7 .elementor-element-49bb5da > .elementor-container {
		width: 100%;
		max-width: 1320px;
		min-height: clamp(620px, 72svh, 790px);
		margin: 0 auto;
	}

	.page-id-7 .elementor-element-5eead64 .elementor-column,
	.page-id-7 .elementor-element-5eead64 .elementor-widget-wrap,
	.page-id-7 .elementor-element-347d532 .elementor-column,
	.page-id-7 .elementor-element-347d532 .elementor-widget-wrap,
	.page-id-7 .elementor-element-49bb5da .elementor-column,
	.page-id-7 .elementor-element-49bb5da .elementor-widget-wrap {
		min-height: clamp(620px, 72svh, 790px);
	}

	.page-id-7 .elementor-element-5eead64 .elementor-widget-wrap,
	.page-id-7 .elementor-element-347d532 .elementor-widget-wrap,
	.page-id-7 .elementor-element-49bb5da .elementor-widget-wrap {
		padding-bottom: 64px;
	}

	.page-id-7 .elementor-element-5eead64 .ridest-title .elementor-heading-title,
	.page-id-7 .elementor-element-347d532 .ridest-title .elementor-heading-title,
	.page-id-7 .elementor-element-49bb5da .ridest-title .elementor-heading-title {
		max-width: 720px;
		font-family: "IBM Plex Sans", Arial, sans-serif;
		font-size: clamp(52px, 4.7vw, 72px);
		font-weight: 400;
		line-height: 0.98;
		letter-spacing: 0;
	}

	.page-id-7 .elementor-element-5eead64 .ridest-kicker .elementor-heading-title,
	.page-id-7 .elementor-element-347d532 .ridest-kicker .elementor-heading-title,
	.page-id-7 .elementor-element-49bb5da .ridest-kicker .elementor-heading-title {
		font-family: "IBM Plex Mono", "Courier New", monospace;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 2px;
	}

	.page-id-7 .elementor-element-810da8a,
	.page-id-7 .elementor-element-f8a471f,
	.page-id-7 .elementor-element-3fc37ba {
		color: #fff;
		font-family: "IBM Plex Mono", "Courier New", monospace;
		font-size: 13px;
		font-weight: 500;
		text-underline-offset: 4px;
	}






}