/* MB Enterprises storefront refresh */
:root {
  --ink: #152438;
  --muted: #647386;
  --line: #e1e7ed;
  --paper: #f4f6f8;
  --white: #fff;
  --navy: #12243a;
  --orange: #f07832;
  --orange-dark: #d95f1e;
}
html { scroll-behavior: smooth; }
*, *::before, *::after { box-sizing: border-box; }
body { color: var(--ink); background: var(--paper); font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 1.55; }
.mainLayout { overflow: hidden; }
.inner { width: 100%; max-width: none; padding: 0; }
.header, .body, .footer { float: none; }
.header { background: var(--white); }
.body { background: transparent; min-height: 0; padding: 0 clamp(14px, 2.5vw, 36px); }
.header_logo { float: none; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 28px; background: var(--white); }
.header_logo .logo { float: none; flex: 0 0 auto; width: auto; margin: 0; }
.header_logo .logo img { display: block; width: min(300px, 100%); height: auto; }
.header_logo .slogan { display: none; }
.header_logo .search { float: none; width: min(440px, 52%); margin: 0; padding: 0; }
.search form { float: none; display: flex; width: 100%; margin: 0; }
.search form input { float: none; min-width: 0; min-height: 44px; }
.search form input[type=search] { order: 1; flex: 1; padding: 10px 14px; border: 1px solid #d5dde5; border-right: 0; border-radius: 7px 0 0 7px; font-size: 14px; }
.search form input[type=submit] { order: 2; margin: 0; padding: 0 18px; border: 0; border-radius: 0 7px 7px 0; background: var(--orange); background-image: none; color: #fff; font-weight: 700; cursor: pointer; }
.search form input[type=submit]:hover, .newsletter-form button:hover { background: var(--orange-dark); }
.menu { float: none; height: auto; margin: 0; padding: 0 28px; overflow: visible; background: var(--navy); }
.menu ul.level_1 { display: flex; flex-wrap: wrap; width: 100%; }
.menu ul.level_1 li.level_1 { float: none; }
.menu ul.level_1 li.level_1 a.menu_inactive, .menu ul.level_1 li.level_1 a.level_1:hover, .menu ul.level_1 li.level_1 a.menu_active { height: 48px; padding: 0 18px; line-height: 48px; color: #eef3f8; font-size: 12px; font-weight: 700; letter-spacing: .055em; }
.menu ul.level_1 li.level_1 a.level_1:hover, .menu ul.level_1 li.level_1 a.menu_active { background: #203953; box-shadow: inset 0 -3px var(--orange); }
.menu ul.level_1 li.level_1 ul.level_2 { top: 48px; border-top-color: var(--orange); }
.menu ul.level_1 li.level_1 ul.level_2 li.level_2 a.level_2 { color: var(--ink); }
.home-redesign { float: none; width: 100%; margin: 20px 0 0; color: var(--ink); }
.hero { position: relative; min-height: clamp(350px, 40vw, 510px); overflow: hidden; border-radius: 12px; background: #253a50; isolation: isolate; }
.hero:after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(10,25,42,.94) 0%, rgba(12,28,46,.78) 42%, rgba(12,28,46,.13) 100%); }
.hero-slider, .hero .nivoSlider { position: absolute !important; z-index: -2; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; overflow: hidden; }
.hero .nivoSlider img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }
.hero .nivo-controlNav { position: absolute; z-index: 10; left: 52px; bottom: 21px; padding: 0; }
.hero .nivo-controlNav a { width: 9px; height: 9px; margin: 0 5px; border-radius: 8px; background: rgba(255,255,255,.5); background-image: none; text-indent: -9999px; }
.hero .nivo-controlNav a.active { width: 25px; background: var(--orange); }
.hero .nivo-directionNav a { top: auto; bottom: 16px; width: 38px; height: 38px; border-radius: 50%; background: rgba(8,20,33,.72) !important; background-image: none !important; text-indent: 0; line-height: 38px; color: #fff; text-align: center; font-size: 0; opacity: .95; }
.hero .nivo-directionNav a:after { font-size: 19px; }
.hero .nivo-prevNav { right: 62px; left: auto; }
.hero .nivo-prevNav:after { content: "‹"; }
.hero .nivo-nextNav { right: 16px; }
.hero .nivo-nextNav:after { content: "›"; }
.hero-copy { position: relative; z-index: 2; max-width: 620px; padding: clamp(42px, 7vw, 88px) 52px 88px; color: #fff; }
.eyebrow, .section-kicker { display: block; margin-bottom: 12px; color: var(--orange); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.hero-copy h1 { margin: 0 0 15px; color: #fff !important; font-size: clamp(34px, 5vw, 58px); line-height: 1.06; letter-spacing: -.035em; }
.hero-copy p { max-width: 460px; margin: 0 0 25px; color: #e1e8f0; font-size: clamp(15px, 1.7vw, 18px); line-height: 1.6; text-align: left; }
.action-button { display: inline-flex; align-items: center; gap: 16px; min-height: 48px; padding: 0 20px; border-radius: 6px; background: var(--orange); color: #fff; font-size: 14px; font-weight: 700; }
.action-button:hover { color: #fff; background: var(--orange-dark); }
.action-button span, .card-link span { font-size: 19px; line-height: 1; }
.hero-tag { position: absolute; right: 30px; bottom: 25px; z-index: 3; display: flex; align-items: center; gap: 11px; color: #fff; font-size: 12px; font-weight: 700; line-height: 1.3; }
.hero-tag-mark { display: grid; width: 43px; height: 43px; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; color: #fff; font-size: 12px; }
.hero-fallback { display: flex; align-items: center; background: linear-gradient(110deg, #12243a, #344e67); }
.home-intro { width: 100%; margin: 28px 0 8px; padding: 23px 27px; border: 1px solid #e7ebef; border-left: 4px solid var(--orange); border-radius: 8px; background: #fff; color: #4e5e70; text-align: left; box-shadow: 0 4px 16px rgba(22,40,59,.035); }
.home-intro h1, .home-intro h2, .home-intro h3, .home-intro h4, .home-intro h5, .home-intro h6 { margin: 0 0 9px; color: var(--ink) !important; text-align: left; line-height: 1.3; }
.home-intro h1 { font-size: clamp(24px, 3vw, 31px); }
.home-intro h2 { font-size: clamp(19px, 2.3vw, 23px); }
.home-intro h3 { font-size: 18px; }
.home-intro p { margin: 0 0 10px; color: #536477 !important; text-align: left; line-height: 1.7; }
.home-intro p:last-child { margin-bottom: 0; }
.home-intro strong, .home-intro b { color: #263b52; }
.home-intro a { color: #bd531c; text-decoration: underline; }
.home-intro ul, .home-intro ol { margin: 8px 0; padding-left: 22px; color: #536477; }
.catalog-section { margin-top: 54px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 20px; }
.section-heading .section-kicker, .newsletter .section-kicker { margin-bottom: 5px; }
.section-heading h2, .newsletter h2 { margin: 0; color: var(--ink); font-size: clamp(25px, 3vw, 32px); line-height: 1.2; letter-spacing: -.025em; }
.section-heading p { max-width: 340px; margin: 0 0 2px; color: var(--muted); text-align: right; }
.hCats { float: none; display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; }
.hCats li { float: none; display: flex; flex-direction: column; width: auto; min-width: 0; height: auto; min-height: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--white); box-shadow: 0 3px 12px rgba(22,40,59,.045); transition: transform .2s ease, box-shadow .2s ease; }
.hCats li:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(22,40,59,.1); }
.hCats li a.catalog-image { display: grid; width: 100%; height: 178px; place-items: center; margin: 0; padding: 14px; background: #fff; }
.hCats li img { float: none; width: 100%; height: 100%; max-height: 150px; margin: 0; padding: 0; border: 0; object-fit: contain; background: transparent; }
.card-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 13px 15px 15px; border-top: 1px solid #edf0f3; }
.hCats li .title { float: none; display: -webkit-box; width: 100%; min-height: 43px; overflow: hidden; margin: 0 0 9px; color: var(--ink); font-size: 15px; font-weight: 700; line-height: 1.4; text-align: left; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.card-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: #c7561d; font-size: 13px; font-weight: 700; }
.card-link:hover { color: var(--orange-dark); }
.arrivals-section { margin-top: 56px; }
.product-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.newsletter { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 58px 0 28px; padding: 27px 30px; border-radius: 10px; background: var(--navy); color: #fff; }
.newsletter h2 { color: #fff; font-size: 24px; }
.newsletter p { margin: 6px 0 0; color: #c6d0dc; text-align: left; }
.newsletter-form { display: flex; flex: 0 1 450px; min-width: 300px; }
.newsletter-form input { flex: 1; min-width: 0; height: 46px; padding: 0 14px; border: 1px solid #dbe1e8; border-radius: 6px 0 0 6px; font-size: 14px; }
.newsletter-form button { height: 46px; padding: 0 17px; border: 0; border-radius: 0 6px 6px 0; background: var(--orange); color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; }
.newsletter-form button span { margin-left: 7px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.product-detail-page { width: 100%; margin: 22px 0 56px; color: var(--ink); }
.detail-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin: 0 0 17px; color: #8a96a4; font-size: 13px; }
.detail-breadcrumb a { color: #53677d; font-weight: 600; }
.detail-breadcrumb a:hover { color: var(--orange-dark); }
.detail-breadcrumb > span:last-child { color: var(--ink); }
.product-detail-card { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: clamp(25px, 5vw, 58px); align-items: center; padding: clamp(20px, 4vw, 42px); border: 1px solid var(--line); border-radius: 12px; background: var(--white); box-shadow: 0 8px 30px rgba(22,40,59,.06); }
.detail-image-wrap { position: relative; display: grid; min-width: 0; min-height: 400px; place-items: center; overflow: hidden; border: 1px solid #edf0f3; border-radius: 9px; background: #f7f8fa; }
.detail-product-image { display: block; width: 100%; height: 100%; min-height: 400px; max-height: 540px; object-fit: contain; }
.image-caption { position: absolute; bottom: 12px; left: 14px; color: #8a96a4; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.detail-information { min-width: 0; }
.detail-information .section-kicker { margin-bottom: 10px; }
.detail-information h1 { margin: 0; color: var(--ink) !important; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.14; letter-spacing: -.03em; overflow-wrap: anywhere; }
.detail-fitment { margin: 13px 0 0; color: var(--muted); text-align: left; }
.detail-fitment a { color: #c7561d; }
.detail-summary { margin: 24px 0 18px; color: #566579; font-size: 15px; line-height: 1.7; text-align: left; }
.detail-meta { display: flex; align-items: center; gap: 9px; padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: #44566b; font-size: 13px; font-weight: 700; }
.availability-dot { width: 8px; height: 8px; border-radius: 50%; background: #2c9b65; box-shadow: 0 0 0 4px #e4f4ec; }
.detail-buy-button { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 51px; margin-top: 21px; padding: 0 18px; border-radius: 6px; background: #20a865; color: #fff; font-size: 15px; font-weight: 700; }
.detail-buy-button:hover { background: #188853; color: #fff; }
.detail-buy-button span { font-size: 17px; }
.detail-help { margin: 11px 0 0; color: #7b8795; font-size: 12px; text-align: center; }
.detail-back-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: #bd531c; font-size: 13px; }
.detail-back-link:hover { color: var(--orange-dark); }
.browse-page { margin: 22px 0 56px; color: var(--ink); }
.browse-banner { padding: 27px 31px; border-radius: 10px; background: linear-gradient(110deg, #12243a, #294561); color: #fff; }
.browse-banner .section-kicker { margin-bottom: 7px; }
.browse-banner h1 { margin: 0; color: #fff !important; font-size: clamp(27px, 4vw, 38px); line-height: 1.15; letter-spacing: -.025em; }
.browse-banner p { margin: 8px 0 0; color: #d2dce7; text-align: left; }
.browse-layout { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 27px; align-items: start; margin-top: 25px; }
.model-filter { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; background: var(--white); }
.model-filter h2 { margin: 0; padding: 16px 17px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 16px; }
.model-filter ul { max-height: 570px; overflow-y: auto; margin: 0; padding: 6px 12px; list-style: none; }
.model-filter li { margin: 0; padding: 0; border-bottom: 1px solid #eff2f5; }
.model-filter li:last-child { border-bottom: 0; }
.model-filter li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 5px; color: #506176; font-size: 13px; font-weight: 600; }
.model-filter li a span { color: #a0aab6; font-size: 19px; }
.model-filter li a:hover, .model-filter li a.active { color: #bd531c; }
.model-filter li a.active span { color: var(--orange); }
.browse-results { min-width: 0; }
.browse-results-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 17px; }
.browse-results-heading .section-kicker { margin-bottom: 4px; }
.browse-results-heading h2 { margin: 0; color: var(--ink); font-size: 23px; }
.results-count { padding: 6px 10px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); color: var(--muted); font-size: 12px; white-space: nowrap; }
.browse-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.browse-product-grid li a.catalog-image { height: 165px; }
.browse-product-grid li img { max-height: 140px; }
.browse-card-model { display: block; margin: -5px 0 9px; color: #8692a0; font-size: 11px; }
.browse-empty { display: flex; flex-direction: column; align-items: center; padding: 50px 20px; border: 1px dashed #ccd5de; border-radius: 9px; background: rgba(255,255,255,.65); text-align: center; }
.empty-icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 50%; background: #eaf0f5; color: #53677d; font-size: 31px; }
.browse-empty h3 { margin: 12px 0 3px; color: var(--ink); font-size: 19px; }
.browse-empty p { margin: 0 0 17px; color: var(--muted); text-align: center; }
.common.page-content { float: none; width: 100%; margin: 26px 0 44px; padding: 0; color: var(--ink); line-height: 1.75; text-align: left; }
.info-page-hero { position: relative; left: 50%; display: flex; width: 100vw; min-height: clamp(260px, 34vw, 440px); align-items: end; margin: -26px 0 26px -50vw; overflow: hidden; background: #172c43; isolation: isolate; }
.info-page-hero::after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(12, 28, 46, .86), rgba(12, 28, 46, .26)); }
.info-page-hero img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.info-page-hero-copy { width: 100%; padding: clamp(28px, 6vw, 70px) clamp(24px, 7vw, 100px); }
.info-page-hero-copy h1 { max-width: 1000px; margin: 0; color: #fff !important; font-size: clamp(32px, 5vw, 56px); line-height: 1.08; letter-spacing: -.03em; }
.page-content .page-content-title { float: none; width: 100%; height: auto; margin: 0 0 18px; padding: 19px 23px; border: 0; border-left: 4px solid var(--orange); border-radius: 8px; background: var(--navy); color: #fff !important; font-size: clamp(25px, 3.5vw, 34px); line-height: 1.2; text-align: left; text-indent: 0; box-shadow: none; }
.page-content .page-content-body { float: none; width: 100%; min-height: 0; padding: 25px 28px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #4f6073; font-size: 16px; line-height: 1.8; }
.page-content .page-content-body h1, .page-content .page-content-body h2, .page-content .page-content-body h3, .page-content .page-content-body h4 { margin: 20px 0 9px; color: var(--ink) !important; text-align: left; }
.page-content .page-content-body p { margin: 0 0 14px; color: #526276; text-align: left; }
.page-content .page-content-body ul, .page-content .page-content-body ol { padding-left: 23px; }
.page-content .page-content-body a { color: #bd531c; text-decoration: underline; }
.page-content .left { float: left; width: 245px; padding: 17px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.page-content .right { float: right; width: calc(100% - 270px); padding: 0 0 0 18px; }
.contact { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 20px; float: none; width: 100%; margin: 24px 0 40px; color: var(--ink); }
.contact > .contact-page-title, .contact > .map { grid-column: 1 / -1; }
.contact-shortcuts { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.contact-shortcut { display: flex; min-width: 0; min-height: 80px; align-items: center; justify-content: center; gap: 11px; padding: 14px 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #43566b; font-size: 14px; font-weight: 700; text-decoration: none; }
a.contact-shortcut:hover { border-color: #f4b18d; background: #fffaf7; color: #bd531c; }
.contact-shortcut svg { width: 24px; height: 24px; flex: 0 0 24px; fill: none; stroke: var(--orange); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.contact-facebook svg { fill: var(--orange); stroke: none; }
.contact-shortcut span { overflow-wrap: anywhere; }
.contact > .contact-page-title { float: none; width: 100%; height: auto; margin: 0; padding: 19px 23px; border: 0; border-left: 4px solid var(--orange); border-radius: 8px; background: var(--navy); color: #fff !important; font-size: clamp(25px, 3.5vw, 34px); line-height: 1.2; text-align: left; text-indent: 0; box-shadow: none; }
.contact .contact-details { float: none; width: auto; height: auto; min-height: 250px; padding: 24px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #526276; font-size: 15px; line-height: 1.75; }
.contact .contact-details h2, .contact .contact-details h3 { color: var(--ink) !important; }
.contact .contact-details p { color: #526276; text-align: left; }
.contact-info-list { display: grid; gap: 19px; }
.contact-info-item { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: start; gap: 13px; }
.contact-info-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 9px; background: #fff2e9; }
.contact-info-icon svg { width: 21px; height: 21px; fill: none; stroke: var(--orange); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.contact-info-icon.contact-facebook-icon svg { fill: var(--orange); stroke: none; }
.contact-info-item h2 { margin: 0 0 3px; color: var(--ink); font-size: 14px; line-height: 1.35; }
.contact-info-item p { margin: 0 0 6px; }
.contact-info-item p:last-child { margin-bottom: 0; }
.contact-info-item a { color: #bd531c; overflow-wrap: anywhere; text-decoration: none; }
.contact-info-item a:hover { text-decoration: underline; }
.contact-channel, .contact-person { display: inline-block; margin: 2px 0 0 4px; color: #748194; font-size: 12px; }
.contact-channel { padding: 2px 7px; border-radius: 12px; background: #e9f6ef; color: #287849; font-weight: 700; }
.contact .contact_form { float: none; width: auto; margin: 0; padding: 24px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.contact .contact-form-title { margin: 0 0 17px; color: var(--ink) !important; font-size: 21px; }
.contact .contact_form .input_input { display: block; width: 100%; min-height: 47px; margin: 0 0 12px; padding: 12px 14px; border: 1px solid #d8e0e8; border-radius: 6px; background: #f9fafb; color: var(--ink); font-size: 14px; }
.contact .contact_form textarea.input_input { min-height: 176px; resize: vertical; }
.contact .contact_form .input_input:focus { outline: 2px solid rgba(240,120,50,.22); border-color: var(--orange); background: #fff; }
.contact .contact_form .new_button_red { min-height: 45px; padding: 0 22px; border: 0; border-radius: 6px; background: var(--orange); font-weight: 700; cursor: pointer; }
.contact .contact_form .new_button_red:hover { background: var(--orange-dark); }
.contact .contact_form .rows { width: 100%; }
.contact .map { float: none; width: 100%; height: auto; margin: 4px 0 0; padding: 22px; overflow: visible; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.map-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 15px; }
.map-heading .section-kicker { margin-bottom: 4px; }
.map-heading h2 { margin: 0; color: var(--ink); font-size: 23px; }
.map-heading > a { display: inline-flex; align-items: center; gap: 7px; color: #bd531c; font-size: 13px; white-space: nowrap; }
.contact .map iframe { display: block; width: 100%; height: clamp(300px, 42vw, 440px); border: 0; border-radius: 7px; }
.footer { display: block; clear: both; float: none; width: 100%; margin-top: 28px; padding: 0 clamp(14px, 2.5vw, 36px) 20px; }
.footer_row { display: block; clear: both; float: none; width: 100%; padding: 18px 10px; border-radius: 8px; background: var(--navy); }
.footer_row ul li a { color: #e9eef4; font-size: 13px; }
.footer_row ul li a:hover { color: #ffae7b; }
.footer_copy { display: block; clear: both; float: none; width: 100%; margin: 12px 0 0; color: #738092; }
.footer_copy a { color: #56667a !important; }

@media (max-width: 900px) {
  .body { padding-right: 18px; padding-left: 18px; }
  .hCats, .product-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero { min-height: 410px; }
  .product-detail-card { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: 25px; padding: 24px; }
  .detail-image-wrap, .detail-product-image { min-height: 330px; }
  .browse-layout { grid-template-columns: 205px minmax(0, 1fr); gap: 17px; }
  .browse-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact { grid-template-columns: 1fr 1.15fr; gap: 14px; }
  .contact-shortcuts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
  .contact-shortcut { min-height: 70px; gap: 8px; padding: 11px 8px; font-size: 13px; }
  .contact .contact-details, .contact .contact_form { padding: 18px; }
  .page-content .left { width: 210px; }
  .page-content .right { width: calc(100% - 230px); }
}
@media (max-width: 640px) {
  .body { padding-right: 13px; padding-left: 13px; }
  .header_logo { flex-direction: column; align-items: stretch; gap: 13px; padding: 14px; }
  .header_logo .logo { display: flex; justify-content: center; }
  .header_logo .logo img { width: min(250px, 78vw); }
  .header_logo .search { width: 100%; }
  .menu { padding: 0; }
  .menu ul.level_1 { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
  .menu ul.level_1 li.level_1 { flex: 0 0 auto; }
  .menu ul.level_1 li.level_1 a.menu_inactive, .menu ul.level_1 li.level_1 a.level_1:hover, .menu ul.level_1 li.level_1 a.menu_active { height: 46px; padding: 0 14px; line-height: 46px; font-size: 11px; }
  .home-redesign { margin-top: 12px; }
  .home-intro { margin-top: 18px; padding: 18px 17px; }
  .product-detail-page { margin: 14px auto 35px; }
  .browse-page { margin: 14px 0 35px; }
  .common.page-content { margin: 16px 0 30px; }
  .info-page-hero { min-height: 270px; margin-top: -16px; margin-bottom: 18px; }
  .info-page-hero-copy { padding: 34px 22px; }
  .page-content .page-content-title, .contact > .contact-page-title { padding: 16px 17px; }
  .page-content .page-content-body { padding: 17px; font-size: 15px; }
  .page-content .left, .page-content .right { float: none; width: 100%; margin: 0 0 14px; padding: 15px; }
  .contact { grid-template-columns: 1fr; gap: 13px; margin-top: 14px; }
  .contact .contact-page-title, .contact .map { grid-column: 1; }
  .contact-shortcuts { grid-column: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .contact .contact-details, .contact .contact_form, .contact .map { padding: 17px; }
  .map-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .map-heading h2 { font-size: 20px; }
  .contact .map iframe { height: 320px; }
  .browse-banner { padding: 21px 18px; border-radius: 8px; }
  .browse-layout { grid-template-columns: 1fr; gap: 19px; margin-top: 17px; }
  .model-filter ul { display: flex; gap: 8px; max-height: none; overflow-x: auto; padding: 9px 11px; }
  .model-filter li { flex: 0 0 auto; border: 0; }
  .model-filter li a { padding: 8px 11px; border: 1px solid var(--line); border-radius: 20px; background: #fff; white-space: nowrap; font-size: 12px; }
  .model-filter li a span { display: none; }
  .browse-results-heading h2 { font-size: 20px; }
  .browse-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .browse-product-grid li a.catalog-image { height: 140px; padding: 10px; }
  .browse-product-grid li img { max-height: 120px; }
  .detail-breadcrumb { gap: 6px; margin-bottom: 12px; font-size: 11px; }
  .product-detail-card { grid-template-columns: 1fr; gap: 22px; padding: 14px; border-radius: 9px; }
  .detail-image-wrap, .detail-product-image { min-height: 270px; max-height: 390px; }
  .detail-information { padding: 3px 5px 8px; }
  .detail-information h1 { font-size: 30px; }
  .detail-summary { margin: 17px 0 14px; }
  .hero { min-height: 430px; border-radius: 8px; }
  .hero:after { background: linear-gradient(90deg, rgba(10,25,42,.91), rgba(12,28,46,.54)); }
  .hero-copy { padding: 48px 24px 95px; }
  .hero-copy h1 { font-size: clamp(35px, 10vw, 48px); }
  .hero .nivo-controlNav { left: 24px; bottom: 23px; }
  .hero-tag { right: 14px; bottom: 20px; gap: 7px; font-size: 10px; }
  .hero-tag-mark { width: 35px; height: 35px; }
  .section-heading { display: block; margin-bottom: 16px; }
  .section-heading p { margin-top: 7px; text-align: left; }
  .catalog-section, .arrivals-section { margin-top: 38px; }
  .hCats, .product-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .hCats li a.catalog-image { height: 140px; padding: 10px; }
  .hCats li img { max-height: 120px; }
  .card-content { padding: 11px 11px 12px; }
  .hCats li .title { min-height: 40px; font-size: 13px; }
  .card-link { font-size: 12px; }
  .newsletter { display: block; margin: 40px 0 20px; padding: 22px 18px; }
  .newsletter h2 { font-size: 22px; }
  .newsletter-form { min-width: 0; margin-top: 17px; }
  .newsletter-form button { padding: 0 12px; font-size: 13px; }
}
@media (max-width: 360px) {
  .hCats, .product-cards { grid-template-columns: 1fr; }
  .hCats li a.catalog-image { height: 185px; }
  .hCats li img { max-height: 160px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { transition-duration: .01ms !important; }
}