/* Shared storefront and Page Builder preview styling for the Home content type. */
body.theme-doncenmotor.cms-index-index .page-main {
    margin: 0;
    max-width: none;
    padding: 0;
    width: 100%;
}
body.theme-doncenmotor.cms-index-index .column.main > .dm-home { margin: 0; }
:is(.dm-home, body.sggearbox-home #maincontent) { color: #242a31; font-size: 15px; line-height: 1.5; width: 100%; }
:is(.dm-home, body.sggearbox-home #maincontent) *, :is(.dm-home, body.sggearbox-home #maincontent) *::before, :is(.dm-home, body.sggearbox-home #maincontent) *::after { box-sizing: border-box; }
.dm-home__wrap { margin-inline: auto; max-width: 1170px; width: calc(100% - 48px); }
:is(.dm-home, body.sggearbox-home #maincontent) :is(h1, h2, h3, p) { color: inherit; margin-top: 0; }
:is(.dm-home, body.sggearbox-home #maincontent) h2 { font-size: clamp(24px, 2vw, 34px); font-weight: 700; line-height: 1.22; margin-bottom: 8px; }
:is(.dm-home, body.sggearbox-home #maincontent) h3 { font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; margin-bottom: 10px; }
:is(.dm-home, body.sggearbox-home #maincontent) p { line-height: 1.45; }
/* Match the storefront even when Mage-OS wraps Home in its editor stage. */
.dm-home[data-content-type="dm_home"] { font-size: 15px; line-height: 1.5; }
.dm-home[data-content-type="dm_home"] h2 { margin: 0 0 8px; }
.dm-home[data-content-type="dm_home"] h3 { margin: 0 0 10px; }
.dm-home[data-content-type="dm_home"] .dm-home__section-head p { font-size: 16px; margin: 0; }
.dm-home[data-content-type="dm_home"] .dm-home__advantages-grid p,
.dm-home[data-content-type="dm_home"] .dm-home__reasons-grid p,
.dm-home[data-content-type="dm_home"] .dm-home__faq-list details p { font-size: 14px; line-height: 1.45; margin: 0; }
.dm-home[data-content-type="dm_home"] .dm-home__products .dm-product-categories__name { font-size: 16px !important; }
.dm-home[data-content-type="dm_home"] .dm-home__products .dm-product-categories__summary { font-size: 13px; line-height: 1.45; margin: 5px 0 0; }
.dm-home__section-head { margin-bottom: clamp(20px, 2.5vw, 30px); }
.dm-home__section-head p { font-size: 16px; margin: 0; }
.dm-home__section-head span { color: #0879cc; }
.dm-home__section-head--center { margin-inline: auto; max-width: 760px; text-align: center; }
.dm-home__section-head--center p { margin-inline: auto; max-width: 720px; }
.dm-home__button, .dm-home__button:visited { align-items: center; border: 1px solid transparent; border-radius: var(--dm-button-radius, 50vw); display: inline-flex; font-size: var(--dm-button-font-size, 14px); font-weight: var(--dm-button-font-weight, 600); justify-content: center; line-height: var(--dm-button-line-height, 1.4); min-height: var(--dm-button-min-height, 48px); padding-block: var(--dm-button-padding-block, 12px); padding-inline: var(--dm-button-padding-inline, 20px); text-decoration: none; }
.dm-home__story .dm-home__button--primary, .dm-home__story .dm-home__button--primary:visited { background: var(--dm-brand, #0078d2); border-color: var(--dm-brand, #0078d2); color: #fff; }
.dm-home__story .dm-home__button--primary:hover, .dm-home__story .dm-home__button--primary:focus-visible { background: var(--dm-brand-hover, #0064b0); border-color: var(--dm-brand-hover, #0064b0); }
.dm-home__story .dm-home__button--pale, .dm-home__story .dm-home__button--pale:visited { background: transparent; border-color: var(--dm-brand, #0078d2); color: var(--dm-brand, #0078d2); }
.dm-home__story .dm-home__button--pale:hover, .dm-home__story .dm-home__button--pale:focus-visible { background: var(--dm-brand-hover, #0064b0); border-color: var(--dm-brand-hover, #0064b0); color: #fff; }

.dm-home__hero { background: #f5f5f5; isolation: isolate; }
.dm-home__hero-grid { align-items: center; display: grid; gap: 48px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); min-height: 450px; }
.dm-home__hero-copy { padding-block: 48px; }
.dm-home__hero h1 { color: #1f2429; font-size: clamp(36px, 3.15vw, 54px); font-weight: 750; letter-spacing: -.035em; line-height: 1.12; margin-bottom: 15px; }
.dm-home__hero p { font-size: 16px; max-width: 540px; margin-bottom: 19px; }
.dm-home__actions { display: flex; flex-wrap: wrap; gap: 14px; }
.dm-home__hero-image { display: block; height: 360px; max-width: 100%; mix-blend-mode: multiply; object-fit: contain; width: 100%; }

.dm-home__partners { background: #fff; border-bottom: 1px solid #e8edf3; }
.dm-home__partner-row { align-items: center; display: flex; gap: 30px; padding-block: 10px; }
.dm-home__partner-row > p { flex: 0 0 160px; font-size: 14px; line-height: 1.4; margin: 0; }
:is(.dm-home, body.sggearbox-home #maincontent) .dm-home__partner-row > p { color: #687082; font-weight: 500; }
.dm-home__logo-row { align-items: center; display: grid; flex: 1; gap: 20px; grid-auto-rows: 70px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.dm-home__logo-row img { display: block; max-height: 70px; margin: auto; object-fit: contain; width: 100%; }

.dm-home__advantages { background: #fff; padding-block: clamp(30px, 6vw, 80px); }
.dm-home__advantages .dm-home__section-head { padding-right: 112px; position: relative; }
.dm-home__advantages-controls { display: flex; gap: 10px; position: absolute; right: 0; top: 2px; }
.dm-home__advantages .dm-home__advantages-control { align-items: center; background: #fff; border: 1px solid #ddd; border-radius: 50vw; color: #252d36; cursor: pointer; display: inline-flex; height: 42px; justify-content: center; min-height: 42px; padding: 0; width: 42px; }
.dm-home__advantages-control::before { border-right: 2px solid currentColor; border-top: 2px solid currentColor; content: ''; display: block; height: 9px; width: 9px; }
.dm-home__advantages-control--previous::before { transform: rotate(-135deg); }
.dm-home__advantages-control--next::before { transform: rotate(45deg); }
.dm-home__advantages-control:hover:not(:disabled) { background: #0078d2; border-color: #0078d2; color: #fff; }
.dm-home__advantages-control:focus-visible { outline: 2px solid #0878c7; outline-offset: 2px; }
.dm-home__advantages-control:disabled { color: #aab2bb; cursor: default; }
.dm-home__advantages-grid { display: flex; gap: 16px; overflow-x: auto; scroll-behavior: smooth; scroll-padding-inline: 1px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.dm-home__advantages-grid::-webkit-scrollbar { display: none; }
.dm-home__advantages-grid article { background: #f5f5f5; border-radius: 10px; flex: 0 0 calc((100% - 48px) / 4); min-height: 215px; padding: 26px 21px 20px; scroll-snap-align: start; }
.dm-home__advantages-grid p { color: #4d5865; font-size: 14px; margin: 0; }
.dm-home__icon { display: block; margin-bottom: 17px; }
.dm-home__icon svg { display: block; }

.dm-home__products { background: #f5f5f5; padding-block: clamp(30px, 6vw, 80px); scroll-margin-top: 24px; }
.dm-home__products .dm-product-categories__grid { display: grid; gap: 20px; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.dm-home__products .dm-home__preview-products { margin-inline: auto; }
.dm-home__products .dm-product-categories__item { min-width: 0; }
.dm-home__products .dm-product-categories__media { aspect-ratio: 1.5; flex: none; margin: 0; min-height: 0; overflow: hidden; position: relative; width: 100%; }
.dm-home__products .dm-product-categories__media img { display: block; height: 100%; inset: 0; max-width: 100%; object-fit: contain; position: absolute; width: 100%; }
.dm-home__products .dm-product-categories__body { display: flex; flex: 1; flex-direction: column; min-height: 102px; padding: 15px 18px 18px; }
.dm-home__products .dm-product-categories__name { font-size: 16px; font-weight: 700; }
.dm-home__products .dm-product-categories__summary { color: #444f5c; display: block; font-size: 13px; margin-top: 5px; }
.pagebuilder-stage .dm-home__product-grid { display: none; }
.pagebuilder-stage .dm-home__preview-products { display: grid; }
.pagebuilder-stage .dm-home__preview-status { margin: 14px auto; max-width: 1152px; }

.dm-home__industries { overflow: hidden; padding-block: clamp(30px, 6vw, 80px); }
.dm-home__industry-track { --industry-gutter: max(24px, calc((100vw - 1170px) / 2)); display: flex; gap: 20px; margin-inline: calc(50% - 50vw); overflow-x: auto; padding-inline: var(--industry-gutter); scroll-behavior: smooth; scroll-padding-inline: var(--industry-gutter); scroll-snap-type: x mandatory; scrollbar-width: none; width: 100vw; }
.dm-home__industry-track::-webkit-scrollbar { display: none; }
.dm-home__industry-card { background: #0078d2; border-radius: 9px; color: #fff !important; display: flex; flex: 0 0 clamp(300px, calc(280px + 7.6vw), 450px); height: clamp(282px, 14vw, 300px); overflow: hidden; position: relative; scroll-snap-align: start; text-decoration: none !important; }
.dm-home__industry-card:last-child { scroll-snap-align: end; }
.dm-home__industry-card::before { background: linear-gradient(0deg, rgba(0, 120, 210, .93), transparent 55%); content: ''; inset: 0; position: absolute; z-index: 1; }
.dm-home__industry-card > img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.dm-home__industry-card span { align-self: end; display: block; padding: 19px 21px; position: relative; z-index: 2; }
.dm-home__industry-card strong { display: block; font-size: 16px; }
.dm-home__industry-card small { display: block; font-size: 12px; line-height: 1.4; margin-top: 4px; }
.dm-home__industry-controls { align-items: center; display: flex; justify-content: center; margin-top: 35px; min-height: 42px; position: relative; }
.dm-home__dots { display: flex; gap: 8px; }
.dm-home__dots button { background: #d6dee8; border: 0; border-radius: 10px; cursor: pointer; display: block; flex: none; height: 8px; min-height: 0; padding: 0; transition: width .42s cubic-bezier(.22, 1, .36, 1), background-color .25s ease; width: 8px; }
.dm-home__dots button[aria-current="true"] { background: #0878cb; width: 28px; }
.dm-home__dots button:focus-visible { outline: 2px solid #0878cb; outline-offset: 4px; }
.dm-home__arrows { display: flex; gap: 11px; position: absolute; right: 0; }
.dm-home__industries .dm-home__arrows button { align-items: center; background: #fff; border: 1px solid #e4eaf0; border-radius: 50%; color: #252d36; cursor: pointer; display: inline-flex; height: 42px; justify-content: center; min-height: 42px; padding: 0; width: 42px; }
.dm-home__arrows button::before { border-right: 2px solid currentColor; border-top: 2px solid currentColor; content: ''; display: block; height: 8px; width: 8px; }
.dm-home__arrows button:first-child::before { transform: rotate(-135deg); }
.dm-home__arrows button:last-child::before { transform: rotate(45deg); }
.dm-home__arrows button:hover:not(:disabled) { background: #0078d2; border-color: #0078d2; color: #fff; }
.dm-home__arrows button:focus-visible { outline: 2px solid #0878cb; outline-offset: 2px; }
.dm-home__arrows button:disabled { color: #aab2bb; cursor: default; }

@media (prefers-reduced-motion: reduce) {
    .dm-home__dots button { transition: none; }
    .dm-home__advantages-grid, .dm-home__industry-track { scroll-behavior: auto; }
}

.dm-home__manufacturing { background: #f5f5f5; padding-block: clamp(30px, 6vw, 80px); }
.dm-home__customization { background: #ffffff; padding-block: clamp(30px, 6vw, 80px); }
.dm-home__story { align-items: center; display: grid; gap: 42px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dm-home__story img { aspect-ratio: 1.54; border-radius: 9px; display: block; height: auto; object-fit: cover; width: 100%; }
.dm-home__story h2 { color: #3b444f; font-size: clamp(26px, 2.25vw, 37px); max-width: 540px; }
.dm-home__story p { color: #4a5562; font-size: 16px; max-width: 555px; }
.dm-home__story .dm-home__button { margin-top: 23px; }

.dm-home__reasons { background: #f5f5f5; padding-block: clamp(30px, 6vw, 80px); }
.dm-home__reasons-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dm-home__reasons-grid article {
    background: #dcefff;
    box-shadow: 0px 0px 2px rgb(23 43 77 / 4%), 0px 3px 2px rgb(23 43 77 / 8%);
    border-radius: 10px;
    min-height: 230px;
    padding: 30px;
}
.dm-home__reasons-grid h3 { margin-bottom: 10px; }
.dm-home__reasons-grid p { color: #4c5662; font-size: 14px; margin: 0; }

.dm-home__faq { background: #fff; padding-block: clamp(30px, 6vw, 80px); }
.dm-home__faq-list { margin-inline: auto; max-width: 780px; }
.dm-home__faq-list details { border: 1px solid #eaeaea; border-radius: 5px; margin-top: 10px; padding: 0 20px; }
.dm-home__faq-list summary { cursor: pointer; font-size: 15px; font-weight: 700; list-style: none; padding: 15px 26px 15px 0; position: relative; }
.dm-home__faq-list summary::-webkit-details-marker { display: none; }
.dm-home__faq-list summary::after { border-bottom: 2px solid #1486d3; border-right: 2px solid #1486d3; content: ''; height: 8px; position: absolute; right: 3px; top: calc(50% - 5px); transform: rotate(45deg); transition: transform .3s ease; width: 8px; }
.dm-home__faq-list details[open] summary::after { transform: rotate(225deg); }
.dm-home__faq-list details p { color: #56616d; font-size: 14px; margin: 0; padding: 0 35px 16px 0; }

@supports (interpolate-size: allow-keywords) and selector(details::details-content) {
    .dm-home__faq-list { interpolate-size: allow-keywords; }
    .dm-home__faq-list details::details-content { block-size: 0; overflow: hidden; transition: block-size .3s ease, content-visibility .3s allow-discrete; }
    .dm-home__faq-list details[open]::details-content { block-size: auto; }
}

@media (prefers-reduced-motion: reduce) {
    .dm-home__faq-list summary::after, .dm-home__faq-list details::details-content { transition: none; }
}

@media (max-width: 900px) {
    .dm-home__hero-grid { gap: 24px; min-height: 360px; }
    .dm-home__hero h1 { font-size: 36px; }
    .dm-home__advantages-grid article { flex-basis: calc((100% - 16px) / 2); }
    .dm-home__products .dm-product-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dm-home__reasons-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dm-home__industry-card { flex-basis: calc((min(1170px, 100vw - 48px) - 20px) / 2); }
}
@media (max-width: 799px) {
    .dm-home__advantages .dm-home__section-head { padding-right: 0; }
    .dm-home__advantages-controls { display: none; }
    .dm-home__industries .dm-home__arrows { display: none; }
    .dm-home__industry-controls { min-height: 8px; }
}
@media (max-width: 640px) {
    .dm-home__wrap { width: calc(100% - 36px); }
    .dm-home__hero-grid, .dm-home__story { grid-template-columns: 1fr; }
    .dm-home__hero-grid { gap: 0; }
    .dm-home__hero-copy { padding-block: 4px 30px; }
    .dm-home__hero h1 { font-size: clamp(31px, 8vw, 40px); }
    .dm-home__hero-image { height: 250px; order: -1; }
    .dm-home__partner-row { align-items: start; flex-direction: column; gap: 16px; padding-block: 24px; }
    .dm-home__partner-row > p { flex: none; }
    .dm-home__logo-row { gap: 14px 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
    .dm-home__advantages-grid article { flex-basis: min(84%, 330px); }
    .dm-home__products .dm-product-categories__grid, .dm-home__reasons-grid { grid-template-columns: 1fr; }
    .dm-home__advantages-grid article, .dm-home__reasons-grid article { min-height: 0; }
    .dm-home__industry-card { flex-basis: 84%; }
    .dm-home__industry-track { --industry-gutter: 18px; }
    .dm-home__dots { gap: 6px; }
    .dm-home__dots button { height: 7px; width: 7px; }
    .dm-home__dots button[aria-current="true"] { width: 24px; }
    .dm-home__industry-controls { min-height: 7px; }
    .dm-home__story--reverse img { order: -1; }
    .dm-home__story { gap: 28px; }
}