/* Hallmark · theme: brand (Rent&Move deck 2026-10-24) · redesign: full · shape: handover plan · hero: Stage · nav: orange masthead, preserved destinations · footer: existing contact and legal · signature: service handover rows · job: request a reviewed quote · genre: editorial · v2.0.0 */ /* Critique: replace the photographic campaign hero and nested form panels with a legible handover plan; preserve every field and server action. */ /* Hallmark · waive 44c · supplied slide 7 composition · the reference ends the handover first screen above the fold; the real form follows below */ /* Hallmark · waive 79 · supplied slide 7 composition · preserve the open handover layout and scale from the approved reference */ /* Hallmark · waive 80 · labelled diagrams of the real quote process · existing explanatory access/inventory diagrams remain product guidance; no new illustration. */ /* Hallmark · waive 49b · real editorial title and supplier destination · existing exact link names remain readable; editorial title may span several lines at 320px, supplier link at most two */ /* Hallmark · waive 39b · multi-line service and step navigation · step-navigation and service-choice surfaces are multi-line controls with 44px minimum targets, not single-line buttons. */ /* Hallmark · waive 72 · native customer-terms disclosures · closed answers are intentionally hidden; all16 opened answers are visible inside their boxes. Narrow and enlarged-text containment is verified separately. */ @import './rentandmove/tokens.css'; :root[data-brand='rentandmove'] body { background: var(--rm-paper); color: var(--rm-ink); font-family: var(--rm-body); font-size: 17px; line-height: 1.6; overflow-x: clip; caret-color: var(--rm-ink); } :root[data-brand='rentandmove'] ::selection { background: var(--rm-brand); color: var(--rm-brand-ink); } :root[data-brand='rentandmove'] :is(h1,h2,h3,h4) { font-family: var(--rm-display); font-weight: 700; min-width: 0; overflow-wrap: break-word; letter-spacing: -0.025em; line-height: 1.1; } :root[data-brand='rentandmove'] :is(h1,h2,h3,h4,p,li) { text-wrap: pretty; } :root[data-brand='rentandmove'] main :is(h1,h2,h3,h4,p,li,dt,dd,label,a) { overflow-wrap: anywhere; } :root[data-brand='rentandmove'] :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid var(--rm-focus) !important; outline-offset: 3px; box-shadow: none !important; transition: none !important; } :root[data-brand='rentandmove'] :is(button,a,summary) { -webkit-tap-highlight-color: var(--rm-soft); } :root[data-brand='rentandmove'] button { min-height: 44px; cursor: pointer; } :root[data-brand='rentandmove'] :is(button,input,select,textarea):disabled { opacity: 0.6; cursor: not-allowed; pointer-events: auto; } :root[data-brand='rentandmove'] button:active:not(:disabled) { transform: translateY(1px); } :root[data-brand='rentandmove'] body .container { max-width: var(--rm-container); padding-inline: 48px; } :root[data-brand='rentandmove'] body :is(.bg-white,.bg-slate-50,.bg-slate-100,.bg-slate-900,.bg-slate-950) { background-color: var(--rm-paper) !important; } :root[data-brand='rentandmove'] body :is([class*='bg-slate-900/'],[class*='bg-slate-950/'],[class*='bg-white/'],[class*='bg-slate-50/']) { background-color: var(--rm-soft) !important; } :root[data-brand='rentandmove'] body :is(.text-black,.text-white,.text-slate-950,.text-slate-900,.text-slate-800,.text-slate-100,.text-blue-900) { color: var(--rm-ink) !important; } :root[data-brand='rentandmove'] body :is(.text-slate-700,.text-slate-600,.text-slate-500,.text-slate-400,.text-slate-300,.text-slate-200,.text-blue-100) { color: var(--rm-muted) !important; } :root[data-brand='rentandmove'] body :is(.text-blue-600,.text-blue-700,.text-blue-800,.text-blue-300,.text-blue-400) { color: var(--rm-ink) !important; } :root[data-brand='rentandmove'] body :is(.border-slate-100,.border-slate-200,.border-slate-300,.border-slate-700,.border-slate-800,[class*='border-white/']) { border-color: var(--rm-rule) !important; } :root[data-brand='rentandmove'] body :is(.bg-blue-50,.bg-blue-100,[class*='bg-blue-900/']) { background-color: var(--rm-soft) !important; } :root[data-brand='rentandmove'] body .bg-blue-600 { background-color: var(--rm-action) !important; color: var(--rm-action-ink) !important; } :root[data-brand='rentandmove'] body :is(.bg-blue-600,.rm-primary):hover { background-color: var(--rm-action-hover) !important; } :root[data-brand='rentandmove'] body :is(.shadow-sm,.shadow-lg,.shadow-md,.shadow-2xl) { box-shadow: none; } :root[data-brand='rentandmove'] body :is(.rounded-2xl,.rounded-xl,[class*='rounded-[28px]']) { border-radius: var(--rm-panel-radius); } :root[data-brand='rentandmove'] body :is(.uppercase,[class*='tracking-[']) { text-transform: none; letter-spacing: normal; } :root[data-brand='rentandmove'] body :is(.backdrop-blur,.backdrop-blur-sm) { backdrop-filter: none; } :root[data-brand='rentandmove'] body :is(.reveal,.svg-animate-in,svg.lucide) { animation: none !important; opacity: 1 !important; filter: none; transform: none; transition: none; } :root[data-brand='rentandmove'] body header.sticky { background: var(--rm-brand) !important; color: var(--rm-brand-ink); border: 0; } :root[data-brand='rentandmove'] header.sticky > .container { height: 80px; } :root[data-brand='rentandmove'] header.sticky :is(a,button,span,svg) { color: var(--rm-brand-ink) !important; } :root[data-brand='rentandmove'] header.sticky a[href='/'] > div { background: var(--rm-logo-plate); border-radius: var(--rm-radius); padding: 8px 12px; width: 144px; height: 54px; } :root[data-brand='rentandmove'] header.sticky button.rounded-full { background: var(--rm-brand) !important; border: 1px solid var(--rm-brand-ink); border-radius: var(--rm-radius); } :root[data-brand='rentandmove'] header.sticky :is(a,button):hover { background-color: var(--rm-brand) !important; text-decoration: underline; text-underline-offset: 5px; } :root[data-brand='rentandmove'] header.sticky :is(a,button):focus-visible { outline-color: var(--rm-brand-ink) !important; } :root[data-brand='rentandmove'] #mobile-navigation { background: var(--rm-paper) !important; } :root[data-brand='rentandmove'] #mobile-navigation :is(a,button,span,svg) { color: var(--rm-ink) !important; } :root[data-brand='rentandmove'] #mobile-navigation :is(a,button) { background: var(--rm-paper) !important; border-radius: var(--rm-radius); } :root[data-brand='rentandmove'] .rm-handover { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); align-items: center; gap: 80px; max-width: var(--rm-container); margin-inline: auto; padding: 64px 48px 72px; min-height: 660px; } :root[data-brand='rentandmove'] .rm-handover h1 { font-size: clamp(48px,5.3vw,76px); line-height: 0.98; max-width: 13ch; margin-bottom: 24px; color: var(--rm-ink); } :root[data-brand='rentandmove'] .rm-handover-intro > p { max-width: 45ch; font-size: 19px; color: var(--rm-muted); margin-bottom: 32px; } :root[data-brand='rentandmove'] .rm-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; } :root[data-brand='rentandmove'] .rm-primary { background: var(--rm-action); color: var(--rm-action-ink); border-radius: var(--rm-radius); padding: 12px 24px; font-size: 16px; font-weight: 700; min-height: 52px; white-space: nowrap; } :root[data-brand='rentandmove'] .rm-phone { display: inline-flex; min-height: 44px; align-items: center; color: var(--rm-ink); font-size: 15px; text-decoration: underline; text-underline-offset: 5px; } :root[data-brand='rentandmove'] .rm-handover-plan h2 { font-size: 34px; padding-bottom: 12px; border-bottom: 1px solid var(--rm-rule); } :root[data-brand='rentandmove'] .rm-handover-plan li { border-bottom: 1px solid var(--rm-rule); } :root[data-brand='rentandmove'] .rm-handover-plan li a { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 24px; min-height: 108px; } :root[data-brand='rentandmove'] .rm-handover-plan strong { font-family: var(--rm-display); font-size: 28px; line-height: 1.2; display: block; margin-bottom: 8px; } :root[data-brand='rentandmove'] .rm-handover-plan strong + span { color: var(--rm-muted); font-size: 14px; } :root[data-brand='rentandmove'] .rm-row-action { font-size: 14px; overflow-wrap: normal; text-decoration: underline; text-underline-offset: 5px; } :root[data-brand='rentandmove'] .rm-handover-plan > p { color: var(--rm-muted); font-size: 13px; margin-top: 28px; } :root[data-brand='rentandmove'] .rm-review-source { max-width: var(--rm-container); padding-inline: 48px; margin-inline: auto; } :root[data-brand='rentandmove'] .rm-review-source:empty { display: none; } :root[data-brand='rentandmove'] .rm-intake-section { margin-top: 0; padding-top: 48px; border-top: 1px solid var(--rm-rule); } :root[data-brand='rentandmove'] .rm-intake-grid { gap: 48px; } :root[data-brand='rentandmove'] .rm-intake-grid > * { min-width: 0; } :root[data-brand='rentandmove'] [aria-labelledby='homepage-locations-title'] :is(.grid > *,summary > span) { min-width: 0; } :root[data-brand='rentandmove'] [aria-labelledby='homepage-locations-title'] summary { flex-wrap: wrap; overflow-wrap: anywhere; } :root[data-brand='rentandmove'] #booking-form { min-width: 0; scroll-margin-top: 104px; } :root[data-brand='rentandmove'] [data-testid='booking-form'] { background: var(--rm-paper) !important; border: 0; border-radius: 0; box-shadow: none; padding: 0; } :root[data-brand='rentandmove'] [data-testid='booking-form'] .grid > * { min-width: 0; } :root[data-brand='rentandmove'] [data-testid='booking-form'] h2 { font-size: 40px; } :root[data-brand='rentandmove'] [data-testid='booking-form'] h3 { font-size: 28px; } :root[data-brand='rentandmove'] body form[data-testid='booking-form'] :is(input:not([type='checkbox']):not([type='radio']):not([type='hidden']),select,textarea) { background: var(--rm-surface) !important; color: var(--rm-ink) !important; border: 1px solid var(--rm-edge) !important; border-radius: var(--rm-radius); min-height: 48px; font-family: var(--rm-body); font-size: 16px; color-scheme: inherit; } :root[data-brand='rentandmove'] body form[data-testid='booking-form'] :is(input,textarea)::placeholder { color: var(--rm-muted) !important; opacity: 1; } :root[data-brand='rentandmove'] body form[data-testid='booking-form'] label { color: var(--rm-ink) !important; } :root[data-brand='rentandmove'] body form[data-testid='booking-form'] [aria-invalid='true'] { border-color: var(--rm-error) !important; } :root[data-brand='rentandmove'] [data-testid='booking-form'] :is(input[type='radio'],input[type='checkbox']) { accent-color: var(--rm-action); } :root[data-brand='rentandmove'] [data-testid='booking-form'] .rm-step-overview { border: 0; border-radius: 0; padding: 16px 0 24px; background: var(--rm-paper) !important; } :root[data-brand='rentandmove'] .rm-step-overview > [role='progressbar'] { border-radius: 0; height: 4px; } :root[data-brand='rentandmove'] .rm-step-overview [role='progressbar'] > div { border-radius: 0; } :root[data-brand='rentandmove'] .rm-step-overview > .grid { gap: 8px; grid-template-columns: repeat(4,minmax(0,1fr)); } :root[data-brand='rentandmove'] .rm-step-overview button { border-width: 0 0 3px; border-radius: 0; padding: 8px 4px; background: var(--rm-paper) !important; min-height: 64px; } :root[data-brand='rentandmove'] .rm-step-overview button[aria-current='step'] { border-color: var(--rm-ink) !important; } :root[data-brand='rentandmove'] .rm-step-overview button > div { margin-bottom: 4px; } :root[data-brand='rentandmove'] .rm-step-overview button > div > div { background: var(--rm-paper) !important; color: var(--rm-ink) !important; width: auto; height: auto; } :root[data-brand='rentandmove'] .rm-step-overview button > div > svg { display: none; } :root[data-brand='rentandmove'] .rm-step-overview button p { font-size: 13px; line-height: 1.3; } :root[data-brand='rentandmove'] body :is(.text-red-500,.text-red-600,.text-red-700,.text-red-800,.text-rose-600) { color: var(--rm-error) !important; } :root[data-brand='rentandmove'] body :is(.bg-red-50,.bg-rose-50) { background: var(--rm-error-surface) !important; } :root[data-brand='rentandmove'] body :is(.text-emerald-800,.text-emerald-200,.text-green-700) { color: var(--rm-success) !important; } :root[data-brand='rentandmove'] body :is(.bg-emerald-50,[class*='bg-emerald-950/']) { background: var(--rm-success-surface) !important; } :root[data-brand='rentandmove'] body :is(.text-amber-800,.text-amber-900) { color: var(--rm-warning) !important; } :root[data-brand='rentandmove'] body .bg-amber-50 { background: var(--rm-warning-surface) !important; } :root[data-brand='rentandmove'] #main-content article > p { max-width: 66ch; } :root[data-brand='rentandmove'] article { background: var(--rm-paper) !important; border-radius: 0 !important; box-shadow: none !important; } :root[data-brand='rentandmove'] article :is(p,li) { font-size: 18px; line-height: 1.75; } :root[data-brand='rentandmove'] article h1 { font-size: 52px; } :root[data-brand='rentandmove'] article h2 { font-size: 32px; margin-top: 48px; } :root[data-brand='rentandmove'] #main-content > div > .container > div > h1 { font-size: 56px; } :root[data-brand='rentandmove'] footer { background: var(--rm-soft) !important; } @media (hover:hover) { :root[data-brand='rentandmove'] .rm-handover-plan li a:hover { background: var(--rm-soft); } :root[data-brand='rentandmove'] :is(input,select,textarea):hover:not(:disabled) { background-color: var(--rm-soft); } } @media (min-width:1600px) { :root[data-brand='rentandmove'] .rm-handover { min-height: 740px; } } @media (max-width:1023px) { :root[data-brand='rentandmove'] body .container { padding-inline: 24px; } :root[data-brand='rentandmove'] .rm-intake-grid { grid-template-columns: minmax(0,1fr); } :root[data-brand='rentandmove'] [aria-labelledby='homepage-locations-title'] > .grid { grid-template-columns: minmax(0,1fr); } :root[data-brand='rentandmove'] .rm-handover { padding: 48px 24px; gap: 48px; } :root[data-brand='rentandmove'] .rm-handover h1 { font-size: 58px; } :root[data-brand='rentandmove'] header.sticky > .container { height: 64px; } :root[data-brand='rentandmove'] header.sticky a[href='/'] > div { height: 44px; width: 112px; } } @media (max-width:700px) { :root[data-brand='rentandmove'] .rm-handover { grid-template-columns: minmax(0,1fr); min-height: 0; gap: 48px; padding-top: 48px; padding-bottom: 48px; } :root[data-brand='rentandmove'] .rm-handover h1 { font-size: 48px; max-width: 13ch; } :root[data-brand='rentandmove'] .rm-handover-intro > p { font-size: 17px; } :root[data-brand='rentandmove'] .rm-handover-plan h2 { font-size: 32px; } :root[data-brand='rentandmove'] .rm-handover-plan li a { min-height: 96px; padding-block: 20px; } :root[data-brand='rentandmove'] .rm-handover-plan strong { font-size: 26px; } :root[data-brand='rentandmove'] .rm-review-source { padding-inline: 24px; } :root[data-brand='rentandmove'] [data-testid='booking-form'] h2 { font-size: 34px; } :root[data-brand='rentandmove'] .rm-step-overview button p { font-size: 11px; } :root[data-brand='rentandmove'] article h1 { font-size: 38px; } :root[data-brand='rentandmove'] #main-content > div > .container > div > h1 { font-size: 40px; } :root[data-brand='rentandmove'] .rm-intake-grid { gap: 32px; } } @media (max-width:359px) { :root[data-brand='rentandmove'] body .container { padding-inline: 16px; } :root[data-brand='rentandmove'] .rm-handover { padding-inline: 16px; } :root[data-brand='rentandmove'] .rm-handover h1 { font-size: 43px; } :root[data-brand='rentandmove'] .rm-primary { padding-inline: 16px; } :root[data-brand='rentandmove'] header.sticky a[href='/'] > div { width: 96px; } } @media (prefers-reduced-motion:reduce) { :root[data-brand='rentandmove'] *, :root[data-brand='rentandmove'] *::before, :root[data-brand='rentandmove'] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } :root[data-brand='rentandmove'] button:active:not(:disabled) { transform: none; } } :root[data-brand='rentandmove'] body :is([class~='dark:text-slate-100'],[class~='dark:text-white'],[class~='dark:text-slate-950']) { color: var(--rm-ink) !important; } :root[data-brand='rentandmove'] body :is([class~='dark:text-slate-200'],[class~='dark:text-slate-300'],[class~='dark:text-slate-400']) { color: var(--rm-muted) !important; } :root[data-brand='rentandmove'] body :is(.text-orange-700,.text-orange-300) { color: var(--rm-ink) !important; } :root[data-brand='rentandmove'] body :is(.bg-orange-50,[class*='bg-orange-950/']) { background: var(--rm-soft) !important; } :root[data-brand='rentandmove'] body :is(.bg-orange-700,.bg-orange-500) { background: var(--rm-action) !important; color: var(--rm-action-ink) !important; } :root[data-brand='rentandmove'] body form[data-testid='booking-form'] :is(input:not([type='checkbox']):not([type='radio']):not([type='hidden']),select,textarea) { border-color: var(--rm-edge) !important; } :root[data-brand='rentandmove'] .rm-intake-section > section[aria-labelledby='quote-brief-title'] { margin-top: 64px; } :root[data-brand='rentandmove'] #homepage-quote-checklist-title { max-width: 28ch; } :root[data-brand='rentandmove'] body header.sticky :is(a,button,span,svg) { color: var(--rm-brand-ink) !important; } :root[data-brand='rentandmove'] body #mobile-navigation :is(a,button,span,svg) { color: var(--rm-ink) !important; } :root[data-brand='rentandmove'] body .font-medium { font-weight: 600; } :root[data-brand='rentandmove'] footer { color: var(--rm-ink); } :root[data-brand='rentandmove'][data-page='about'] article { padding: 24px 0; border: 0; } :root[data-brand='rentandmove'][data-page='about'] article > div[class*='xl:grid'] { grid-template-columns: 240px minmax(0,1fr); gap: 64px; } :root[data-brand='rentandmove'][data-page='about'] #about-overview p { max-width: 66ch; } :root[data-brand='rentandmove'] aside .sticky section { border: 0; padding: 16px 0; border-radius: 0; } :root[data-brand='rentandmove'] aside .sticky section > div:first-child { align-items: flex-start; } :root[data-brand='rentandmove'] aside .sticky :is(h2,p,a) { font-family: var(--rm-body); font-size: 14px; line-height: 1.5; } :root[data-brand='rentandmove'] aside .sticky a { display: flex; align-items: center; min-height: 44px; border-radius: 0; } :root[data-brand='rentandmove'][data-page='privacy'] .prose, :root[data-brand='rentandmove'][data-page='kundvillkor'] .prose { max-width: 66ch; font-size: 18px; line-height: 1.75; } :root[data-brand='rentandmove'][data-page='artiklar'] #main-content > div > .container > .grid { display: flex; flex-direction: column; gap: 0; } :root[data-brand='rentandmove'][data-page='artiklar'] #main-content > div > .container > .grid > a { display: grid; grid-template-columns: minmax(0,0.6fr) minmax(0,1fr); gap: 32px; border: 0; border-top: 1px solid var(--rm-rule); border-radius: 0; padding: 32px 0; } :root[data-brand='rentandmove'][data-page='artiklar'] #main-content > div > .container > .grid > a > div { height: auto; padding: 0; } :root[data-brand='rentandmove'][data-page='artiklar'] #main-content > div > .container > .grid > a img { aspect-ratio: 16/10; border-radius: var(--rm-radius); } :root[data-brand='rentandmove'][data-page='artiklar'] #main-content > div > .container > .grid h2 { font-size: 36px; } :root[data-brand='rentandmove'][data-page='offert'] #main-content > div { background: var(--rm-paper) !important; color: var(--rm-ink) !important; } :root[data-brand='rentandmove'][data-page='offert'] #main-content [class*='bg-gradient'] { background: var(--rm-paper) !important; } :root[data-brand='rentandmove'][data-page='offert'] #main-content [class*='backdrop-blur'] { background: var(--rm-surface) !important; color: var(--rm-ink) !important; border: 1px solid var(--rm-rule); border-radius: var(--rm-panel-radius); backdrop-filter: none; box-shadow: none; } :root[data-brand='rentandmove'][data-page='offert'] #main-content [class*='text-white/'] { color: var(--rm-muted) !important; } :root[data-brand='rentandmove'][data-page='offert'] #main-content button[type='submit'] { background: var(--rm-action) !important; color: var(--rm-action-ink) !important; border-radius: var(--rm-radius); } :root[data-brand='rentandmove'][data-page='confirmation'] [data-testid='confirmation-illustration'] { max-height: 200px; } :root[data-brand='rentandmove'][data-page='confirmation'] #main-content .container { text-align: left; align-items: flex-start; max-width: 1000px; padding-block: 48px; } :root[data-brand='rentandmove'][data-page='confirmation'] #main-content h1 { font-size: 48px; } @media(max-width:700px) { :root[data-brand='rentandmove'][data-page='artiklar'] #main-content > div > .container > .grid > a { grid-template-columns: minmax(0,1fr); gap: 24px; } :root[data-brand='rentandmove'][data-page='artiklar'] #main-content > div > .container > .grid h2 { font-size: 30px; } :root[data-brand='rentandmove'][data-page='confirmation'] #main-content h1 { font-size: 38px; } :root[data-brand='rentandmove'] article { padding-inline: 0 !important; } } :root[data-brand='rentandmove'] #homepage-quote-checklist-title { font-size: 32px; } :root[data-brand='rentandmove'] [data-testid='homepage-editorial-content'] > section[aria-labelledby='homepage-quote-checklist-title'] { grid-template-columns: minmax(0,0.75fr) minmax(0,1.25fr); gap: 48px; } :root[data-brand='rentandmove'] [data-testid='homepage-editorial-content'] > section[aria-labelledby='homepage-articles-title'] { grid-template-columns: minmax(0,1fr); } :root[data-brand='rentandmove'] body .border-input { border-color: var(--rm-edge) !important; } @media(max-width:767px) { :root[data-brand='rentandmove'] [data-testid='homepage-editorial-content'] > section[aria-labelledby='homepage-quote-checklist-title'] { grid-template-columns: minmax(0,1fr); gap: 24px; } :root[data-brand='rentandmove'] footer nav, :root[data-brand='rentandmove'] footer ul { max-width: 100%; } :root[data-brand='rentandmove'] .rm-intake-section a.hover\:underline { display: inline-block; max-width: 100%; } } @layer base { :root[data-brand='rentandmove'] body form[data-testid='booking-form'] :is(input:not([type='checkbox']):not([type='radio']):not([type='hidden']),select,textarea) { border-color: var(--rm-edge) !important; background-color: var(--rm-surface) !important; color: var(--rm-ink) !important; color-scheme: inherit !important; } :root[data-brand='rentandmove'] body form[data-testid='booking-form'] :is(input,textarea)::placeholder { color: var(--rm-muted) !important; } :root[data-brand='rentandmove'] body form[data-testid='booking-form'] [aria-invalid='true'] { border-color: var(--rm-error) !important; } } :root[data-brand='rentandmove'] [data-testid='homepage-editorial-content'] [aria-labelledby='homepage-articles-title'] > .grid > section { grid-column: 1 / -1; } :root[data-brand='rentandmove'] [data-testid='homepage-guide-link'] { display: block; min-width: 0; font-size: 30px; line-height: 1.2; } :root[data-brand='rentandmove'] [data-testid='homepage-guide-link'] > * { min-width: 0; } :root[data-brand='rentandmove'] body .rm-handover :is(h1,h2) { text-wrap: balance; } :root[data-brand='rentandmove'] header.sticky a[href='/'] > div { overflow: hidden; } :root[data-brand='rentandmove'] header.sticky a[href='/'] img { object-fit: cover; object-position: center; transform: scale(1.1); } :root[data-brand='rentandmove'] [data-testid='homepage-editorial-content'] [aria-labelledby='homepage-articles-title'] > .grid > section > h4 { max-width: 100%; } :root[data-brand='rentandmove'] [data-testid='homepage-editorial-content'] [aria-labelledby='homepage-articles-title'] > .grid > section { padding: 24px; } :root[data-brand='rentandmove'] .rm-intake-section > div:last-child > a { max-width: 100%; text-align: left; white-space: normal; } :root[data-brand='rentandmove'] #quote-brief-title { text-wrap: balance; } :root[data-brand='rentandmove'] .rm-service-review { margin-top: 24px; border-top: 1px solid var(--rm-rule); } :root[data-brand='rentandmove'] .rm-service-review li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--rm-rule); padding: 12px 0; } :root[data-brand='rentandmove'] .rm-service-review li > :first-child { min-width: 0; max-width: 100%; } :root[data-brand='rentandmove'] .rm-service-review strong { display: block; font-family: var(--rm-body); font-weight: 600; } :root[data-brand='rentandmove'] .rm-service-review strong + span { color: var(--rm-muted); font-size: 14px; } :root[data-brand='rentandmove'] .rm-service-review button { min-width: 60px; max-width: 100%; white-space: normal; border-radius: var(--rm-radius); text-decoration: underline; text-underline-offset: 4px; } :root[data-brand='rentandmove'] .rm-article-anchors { display: flex; flex-wrap: wrap; gap: 8px 24px; border-block: 1px solid var(--rm-rule); padding-block: 8px; } :root[data-brand='rentandmove'] .rm-article-anchors a { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; } :root[data-brand='rentandmove'] :is(#article-text,#article-quote) { scroll-margin-top: 104px; } :root[data-brand='rentandmove'][data-page='artiklar'] article > .space-y-5 { max-width: 66ch; } :root[data-brand='rentandmove'][data-page='about'] #about-overview > .mb-8 { display: none; } :root[data-brand='rentandmove'][data-page='confirmation'] #main-content .container > .w-full.max-w-4xl { display: none; } :root[data-brand='rentandmove'] #main-content [class*='bg-gradient'] { background-image: none !important; background-color: var(--rm-paper); } :root[data-brand='rentandmove'][data-page='kundvillkor'] article { padding: 24px 0; border: 0; } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > header { background: var(--rm-paper) !important; border: 0; border-radius: 0; padding: 16px 0 32px; } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > header > div:first-child { gap: 8px 24px; } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > header > div:first-child > span { border: 0; border-radius: 0; padding: 0; background: var(--rm-paper); color: var(--rm-muted); } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > header > div:first-child > span svg { display: none; } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > header .rounded-full { border-radius: var(--rm-radius); } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > header .grid > div:last-child { background: var(--rm-soft) !important; border: 0; border-radius: var(--rm-panel-radius); } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > section { background: var(--rm-paper) !important; color: var(--rm-ink); border: 0; border-top: 1px solid var(--rm-rule); border-radius: 0; padding-inline: 0; } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > div[class*='xl:grid'] { gap: 64px; grid-template-columns: 240px minmax(0,1fr); } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > header h1 { font-size: 56px; } @media(max-width:700px) { :root[data-brand='rentandmove'][data-page='kundvillkor'] article > header h1 { font-size: 40px; } } :root[data-brand='rentandmove'] a[href='#main-content'] { translate: 0 calc(-100% - 16px) !important; max-width: calc(100% - 24px); } :root[data-brand='rentandmove'] a[href='#main-content']:focus { translate: 0 0 !important; } :root[data-brand='rentandmove'] body header.sticky button.bg-orange-700 { background: var(--rm-brand-ink) !important; color: var(--rm-logo-plate) !important; } :root[data-brand='rentandmove'] body header.sticky button.min-h-12 { border: 0; } :root[data-brand='rentandmove'] .rm-primary { max-width: 100%; white-space: normal; text-align: center; transition: background-color 160ms ease, color 160ms ease; } @media(max-width:767px) { :root[data-brand='rentandmove'] { scroll-padding-block: 80px var(--rm-mobile-bar-clearance,112px); } :root[data-brand='rentandmove']:has([data-testid='mobile-bottom-bar']) #stcm-icon { width: 44px; height: 44px; left: 24px; bottom: calc(var(--rm-mobile-bar-clearance,112px) - 72px + env(safe-area-inset-bottom)); } :root[data-brand='rentandmove'] [data-testid='mobile-bottom-bar'] { flex-wrap: wrap; } :root[data-brand='rentandmove'] [data-testid='mobile-bottom-bar-call'] { flex: 1 1 152px; min-width: 0; } :root[data-brand='rentandmove'] [data-testid='mobile-bottom-bar-book'] { flex: 1 1 112px; min-width: 0; min-height: 56px; height: auto; white-space: normal; line-height: 1.3; padding-inline: 12px; } :root[data-brand='rentandmove'][data-page='artiklar'] nav[aria-label='Breadcrumb'] li:last-child { min-width: 0; max-width: 100%; } :root[data-brand='rentandmove'][data-page='artiklar'] nav[aria-label='Breadcrumb'] li:last-child > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :root[data-brand='rentandmove'] nav[aria-label='Breadcrumb'] { margin-bottom: 16px; } :root[data-brand='rentandmove'][data-page='privacy'] #main-content > .container > .space-y-12 > section { border: 0; padding: 0; } :root[data-brand='rentandmove'][data-page='privacy'] #main-content > .container > .space-y-12 > section a { border-width: 0 0 1px; border-radius: 0; padding-inline: 0; } } :root[data-brand='rentandmove'] [data-testid='mobile-bottom-bar-call'] .truncate { white-space: normal; overflow: visible; } :root[data-brand='rentandmove'][data-page='offert'] #main-content > section > .absolute { display: none; } :root[data-brand='rentandmove'][data-page='offert'] #main-content > section > .relative > div:first-child { background: var(--rm-brand) !important; border: 0; border-radius: var(--rm-radius); color: var(--rm-brand-ink) !important; } :root[data-brand='rentandmove'][data-page='offert'] #main-content > section > .relative > div:first-child [class*='text-white'] { color: var(--rm-brand-ink) !important; } :root[data-brand='rentandmove'][data-page='offert'] #main-content > section > .relative > div:first-child img { object-fit: cover; object-position: center; } :root[data-brand='rentandmove'][data-page='offert'] #main-content h1 { font-size: 52px; } @media(min-width:1024px) { :root[data-brand='rentandmove'][data-page='offert'] #main-content > section > .relative > .grid { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); gap: 32px; } } @media(max-width:700px) { :root[data-brand='rentandmove'][data-page='offert'] #main-content h1 { font-size: 38px; } } :root[data-brand='rentandmove'] [data-testid='mobile-bottom-bar']::before { content: ''; width: 44px; height: 44px; flex-shrink: 0; } :root[data-brand='rentandmove'][data-page='offert'] #main-content > section > .relative > .grid { align-items: start; } :root[data-brand='rentandmove'][data-page='offert'] #main-content > section > .relative > .grid > div { border: 0; border-radius: 0; border-top: 1px solid var(--rm-rule); background: var(--rm-paper) !important; color: var(--rm-ink); padding-inline: 0; } :root[data-brand='rentandmove'][data-page='offert'] #main-content > section > .relative > .grid > div :is(div,section)[class*='rounded-'] { border-radius: 0; border: 0; border-top: 1px solid var(--rm-rule); background: var(--rm-paper) !important; color: var(--rm-ink); box-shadow: none; padding-inline: 0; } @layer base { :root[data-brand='rentandmove'][data-page='faq'] #faq-search input { border-color: var(--rm-edge) !important; background-color: var(--rm-surface) !important; color: var(--rm-ink) !important; min-height: 48px; } :root[data-brand='rentandmove'][data-page='faq'] #faq-search input::placeholder { color: var(--rm-muted) !important; opacity: 1; } :root[data-brand='rentandmove'][data-page='kundvillkor'] article a[href='/#booking-form'] button { background-color: var(--rm-action) !important; color: var(--rm-action-ink) !important; } :root[data-brand='rentandmove'][data-page='kundvillkor'] article a[href='/#booking-form'] button:hover { background-color: var(--rm-action-hover) !important; } } :root[data-brand='rentandmove'][data-page='kundvillkor'] article p { max-width: 66ch; } :root[data-brand='rentandmove'][data-page='faq'] #main-content h1 { text-wrap: balance; } :root[data-brand='rentandmove'][data-page='faq'] #main-content button[aria-controls^='faq-panel'] > div { min-width: 0; } :root[data-brand='rentandmove'][data-page='faq'] #main-content button[aria-controls^='faq-panel'] > div > span:last-child { min-width: 0; overflow-wrap: anywhere; } :root[data-brand='rentandmove'][data-page='faq'] #main-content button[aria-controls^='faq-panel'] > div > span:first-child, :root[data-brand='rentandmove'][data-page='faq'] #main-content button[aria-controls^='faq-panel'] > svg { flex-shrink: 0; } :root[data-brand='rentandmove'][data-page='kundvillkor'] article > header p { max-width: 50ch; }