:root {
  --auto-ink: #14171b;
  --auto-graphite: #24282e;
  --auto-steel: #b8bec6;
  --auto-paper: #f5f4f1;
  --auto-white: #ffffff;
  --auto-orange: #f26522;
  --auto-orange-dark: #d94b0c;
  --auto-muted: #767c84;
  --auto-line: #e3e4e5;
  --auto-radius: 12px;
  --auto-shadow: 0 18px 50px rgba(20, 23, 27, .09);
  --bs-primary: var(--auto-orange);
  --bs-link-color: var(--auto-ink);
  --bs-link-hover-color: var(--auto-orange);
}

html { background: var(--auto-paper); }
body {
  color: var(--auto-ink);
  background: var(--auto-paper);
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { transition: color .18s ease, border-color .18s ease, background-color .18s ease, opacity .18s ease; }
img { max-width: 100%; }
.auto-shell, body .container-fluid { width: min(1320px, calc(100% - 72px)); margin-inline: auto; padding-inline: 0; }
.btn { border-radius: 7px; font-weight: 600; }
.btn-primary, .bg-primary { background-color: var(--auto-orange) !important; border-color: var(--auto-orange) !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--auto-orange-dark) !important; border-color: var(--auto-orange-dark) !important; }
.btn-dark { background-color: var(--auto-ink); border-color: var(--auto-ink); }
.text-primary, .price-new { color: var(--auto-orange) !important; }
.form-control, .form-select { min-height: 44px; border-color: #d9dcdf; border-radius: 7px; background-color: #fff; }
.form-control:focus, .form-select:focus, .btn:focus-visible, a:focus-visible, button:focus-visible {
  border-color: var(--auto-orange);
  box-shadow: 0 0 0 3px rgba(242, 101, 34, .18);
  outline: 0;
}
.card, .modal-content, .offcanvas { border-color: var(--auto-line); border-radius: var(--auto-radius); }

/* Header */
.auto-header { position: relative; z-index: 50; background: var(--auto-white); }
.auto-header .top-wrap { min-height: 35px; display: flex; align-items: center; color: #aeb3b9; background: #0c0e11; font-size: 12px; }
.auto-header .top-wrap a { color: #d6d8db; }
.auto-header .top-wrap a:hover { color: var(--auto-orange); }
.auto-header .auto-top-messages { display: flex; align-items: center; min-width: 0; overflow: hidden; }
.auto-header .auto-top-message { color: #f0f1f2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auto-header .auto-top-message + .auto-top-message { margin-left: 18px; padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, .2); }
.auto-utility-dropdown .dropdown-menu { border: 0; border-radius: 8px; box-shadow: var(--auto-shadow); }
.auto-main-header { min-height: 92px; border-bottom: 1px solid #ececed; }
.auto-main-header > .auto-shell { min-height: 92px; display: grid; grid-template-columns: minmax(190px, 250px) minmax(360px, 1fr) auto; align-items: center; gap: 38px; }
.auto-brand { min-width: 0; display: flex; align-items: center; gap: 12px; color: var(--auto-ink); }
.auto-brand img { max-width: 230px; max-height: 58px; object-fit: contain; }
.auto-brand strong { overflow: hidden; font: 800 23px/1 "Arial Narrow", Impact, sans-serif; letter-spacing: 1.8px; text-overflow: ellipsis; white-space: nowrap; }
.auto-brand-mark { position: relative; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 8px; background: var(--auto-ink); overflow: hidden; }
.auto-brand-mark i { position: absolute; left: 7px; width: 29px; height: 5px; background: var(--auto-orange); transform: skewX(-32deg); }
.auto-brand-mark i:first-child { top: 12px; }
.auto-brand-mark i:last-child { top: 24px; width: 20px; }
.auto-search-trigger { height: 46px; min-width: 0; display: flex; align-items: center; overflow: hidden; color: var(--auto-muted); border: 1px solid #d9dcdf; border-radius: 8px; background: #fbfbfa; }
.auto-search-trigger:hover { color: var(--auto-ink); border-color: var(--auto-steel); }
.auto-search-category { padding: 0 16px; color: #4f555c; border-right: 1px solid #dfe1e3; font-size: 12px; white-space: nowrap; }
.auto-search-placeholder { min-width: 0; flex: 1; padding-inline: 17px; overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.auto-search-button { width: 52px; height: 100%; flex: 0 0 52px; display: grid; place-items: center; color: #fff; background: var(--auto-orange); }
.auto-header-actions { align-items: center; gap: 10px; }
.auto-header-actions .dropdown:hover > .dropdown-menu { display: block; top: 95%; right: 0; left: auto; border: 0; box-shadow: var(--auto-shadow); }
.auto-action-link { display: flex; align-items: center; gap: 8px; color: var(--auto-ink); }
.auto-action-link > span:last-child { display: flex; flex-direction: column; max-width: 100px; }
.auto-action-link b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.auto-action-link small { color: var(--auto-muted); font-size: 10px; }
.auto-action-icon, .auto-round-link { width: 36px; height: 36px; display: grid !important; place-items: center; flex: 0 0 36px; padding: 0 !important; color: var(--auto-ink); border: 1px solid #dedfe1; border-radius: 50%; }
.auto-round-link:hover, .auto-action-link:hover .auto-action-icon { color: #fff; border-color: var(--auto-orange); background: var(--auto-orange); }
.cart-badge-quantity { position: absolute; right: -6px; top: -7px; min-width: 18px; height: 18px; padding-inline: 4px; color: #fff; background: var(--auto-orange); border-radius: 10px; font-size: 9px; line-height: 18px; text-align: center; }
.auto-nav { min-height: 51px; color: #fff; background: var(--auto-ink); }
.auto-nav .auto-shell { min-height: 51px; }
.auto-nav .menu-wrap > .navbar-nav { min-height: 51px; display: flex; flex-direction: row; align-items: stretch; padding: 0; }
.auto-nav .menu-wrap > .navbar-nav > .nav-item { position: relative; display: flex; align-items: stretch; }
.auto-nav .menu-wrap > .navbar-nav > .nav-item > .nav-link { display: flex; align-items: center; padding: 0 21px; color: #d5d7da; font-size: 13px; }
.auto-nav .menu-wrap > .navbar-nav > .nav-item > .nav-link:hover, .auto-nav .menu-wrap > .navbar-nav > .nav-item:hover > .nav-link { color: #fff; }
.auto-nav .menu-wrap > .navbar-nav > .nav-item:first-child > .nav-link::after { content: ""; position: absolute; right: 21px; bottom: 0; left: 21px; height: 3px; background: var(--auto-orange); }
.auto-nav .dropdown-menu { margin-top: 0; border: 0; border-radius: 0 0 10px 10px; box-shadow: var(--auto-shadow); }
.header-mobile { min-height: 62px; border-bottom: 1px solid var(--auto-line); background: #fff; }
.header-mobile .mobile-content { min-height: 62px; display: grid; grid-template-columns: 1fr 1.2fr 1fr; align-items: center; padding-inline: 14px; }
.header-mobile .left, .header-mobile .right { display: flex; align-items: center; gap: 14px; }
.header-mobile .right { justify-content: flex-end; }
.header-mobile button, .header-mobile a { color: var(--auto-ink); border: 0; background: transparent; font-size: 21px; }
.header-mobile .center { text-align: center; }
.header-mobile .center img { max-height: 38px; }
.header-mobile .center strong { font-size: 16px; letter-spacing: .5px; }

/* Home builder modules */
.page-home .modules-box { overflow: hidden; }
.page-home .module-item { margin: 0; }
.page-home .module-item:not(:first-child) .module-info { padding-block: 68px; }
.module-info > .container-fluid, .module-info > .container { width: min(1320px, calc(100% - 72px)); }
.module-title { margin-bottom: 28px !important; color: var(--auto-ink); font-size: clamp(24px, 2.2vw, 32px) !important; font-weight: 800 !important; text-align: left !important; letter-spacing: -.7px; }
.module-title::before { content: "FEATURED"; display: block; margin-bottom: 10px; color: var(--auto-orange); font: 700 10px/1 "Segoe UI", sans-serif; letter-spacing: 3px; }
.module-title .wave-line { width: 34px !important; height: 4px !important; display: inline-block !important; margin: 0 0 7px 12px !important; background: var(--auto-orange) !important; transform: skewX(-28deg); }
.module-img-text-slideshow { min-height: 540px; color: #fff; background: var(--auto-ink); }
.module-img-text-slideshow .swiper-slide .image-wrap { min-height: 540px; background-position: center; background-size: cover; }
.module-img-text-slideshow .swiper-slide .image-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,10,13,.94), rgba(8,10,13,.76) 42%, rgba(8,10,13,.12) 75%); pointer-events: none; }
.module-img-text-slideshow .content-wrap { position: relative; z-index: 2; min-height: 540px; display: flex; align-items: center; }
.module-img-text-slideshow .text-wrap { width: min(610px, 90%); color: #fff; }
.module-img-text-slideshow .sub-title { color: #ffb18c; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; }
.module-img-text-slideshow .title { margin-block: 24px 18px; font-size: clamp(38px, 4vw, 58px); line-height: 1.12; font-weight: 800; letter-spacing: -2px; }
.module-img-text-slideshow .description { max-width: 540px; color: #d1d4d7; line-height: 1.85; }
.module-img-text-slideshow .btn { margin-top: 18px; padding: 13px 25px; color: #fff; background: var(--auto-orange); border: 0; }
.module-img-text-slideshow .swiper-pagination-bullet { width: 24px; height: 3px; border-radius: 0; background: #fff; opacity: .35; }
.module-img-text-slideshow .swiper-pagination-bullet-active { width: 48px; background: var(--auto-orange); opacity: 1; }
.module-img-text-slideshow-2 .image-text-wrap { background: linear-gradient(90deg, rgba(8,10,13,.92), rgba(8,10,13,.2)); }
.module-slideshow .swiper-button-prev, .module-slideshow .swiper-button-next { color: #fff; background: rgba(20,23,27,.55); border-radius: 50%; }
.module-icons .module-info, .module-img-text-banner-multiple .module-info { background: transparent; }
.module-icons > .module-title, .module-tab-product > .module-title { text-align: center !important; }
.module-icons .image-wrap { height: 100%; padding: 23px 16px; border: 1px solid transparent; border-radius: var(--auto-radius); background: #fff; box-shadow: 0 1px 0 rgba(20,23,27,.04); }
.module-icons .image-wrap:hover { border-color: rgba(242,101,34,.45); box-shadow: var(--auto-shadow); transform: translateY(-2px); }
.module-icons .image-item img { max-height: 78px; object-fit: contain; }
.module-icons .text-title { color: var(--auto-ink); font-size: 14px; font-weight: 700; }
.module-icons .text-sub-title { color: var(--auto-muted); font-size: 11px; }
.img-text-banner-wrap { overflow: hidden; border-radius: var(--auto-radius); }
.img-text-banner-wrap .text-wrap { min-height: 390px; padding: 55px !important; }
.img-text-banner-wrap .title { line-height: 1.25; }
.img-text-banner-wrap .sub-title { color: var(--auto-orange); font-size: 11px !important; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }
.img-text-banner-wrap .description { color: inherit; opacity: .72; line-height: 1.85; }
.img-text-banner-wrap .img-wrap, .img-text-banner-wrap .img-wrap img { min-height: 390px; width: 100%; height: 100%; object-fit: cover; }
.module-img-text-banner-multiple .image-wrap { overflow: hidden; border-radius: var(--auto-radius); background: #fff; }
.module-img-text-banner-multiple .image-wrap img { transition: transform .4s ease; }
.module-img-text-banner-multiple .image-wrap:hover img { transform: scale(1.035); }

/* Product cards, listing, search */
.product-wrap { height: 100%; overflow: hidden; border: 1px solid transparent; border-radius: var(--auto-radius); background: #fff; box-shadow: 0 1px 0 rgba(20,23,27,.04); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.product-wrap:hover { border-color: #e8e9ea; box-shadow: 0 16px 38px rgba(20,23,27,.09); transform: translateY(-3px); }
.product-wrap .image { position: relative; overflow: hidden; background: radial-gradient(circle at 50% 48%, #fff 0, #f2f3f2 62%, #e9ebed 100%); }
.product-wrap .image > a { display: block; aspect-ratio: 1 / 1; }
.product-wrap .image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.product-wrap .button-wrap { right: 12px !important; bottom: 12px !important; left: 12px !important; display: flex; justify-content: flex-end; gap: 7px; }
.product-wrap .button-wrap .btn { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; overflow: hidden; border-radius: 7px; font-size: 0; background: var(--auto-ink); border-color: var(--auto-ink); }
.product-wrap .button-wrap .btn i { font-size: 15px; }
.product-wrap .button-wrap .btn-add-cart { width: auto; padding-inline: 13px; font-size: 0; }
.product-wrap .product-bottom-info { min-height: 112px; padding: 16px 17px 19px; }
.product-wrap .product-name { min-height: 42px; margin-bottom: 11px; color: var(--auto-ink); font-size: 13px; line-height: 1.6; font-weight: 600; }
.product-wrap .product-price { display: flex; align-items: center; gap: 8px; }
.product-wrap .price-new { font-size: 18px; font-weight: 800; }
.product-wrap .price-old { color: #a0a4a9; font-size: 11px; text-decoration: line-through; }
.page-category .product-list, .page-search .product-list, .products-list { min-height: 500px; }
.filter-sidebar, .category-left, .account-sidebar { border: 1px solid var(--auto-line); border-radius: var(--auto-radius); background: #fff; }
.filter-bar, .product-list-top, .breadcrumb { border-color: var(--auto-line); }
.breadcrumb { font-size: 12px; }
.pagination { gap: 6px; }
.pagination .page-link { min-width: 38px; height: 38px; display: grid; place-items: center; padding: 0; color: var(--auto-ink); border-color: var(--auto-line); border-radius: 7px !important; }
.pagination .active .page-link { color: #fff; background: var(--auto-orange); border-color: var(--auto-orange); }

/* Product detail */
.page-product .product-info, .page-product .product-content, .page-product .product-details { background: transparent; }
.page-product .product-image, .page-product .product-info-right, .page-product .product-description, .page-product .product-tabs { border: 1px solid var(--auto-line); border-radius: var(--auto-radius); background: #fff; }
.page-product .product-image { overflow: hidden; }
.page-product .product-title, .page-product h1 { color: var(--auto-ink); font-weight: 800; line-height: 1.35; }
.page-product .product-price .price-new { font-size: clamp(28px, 3vw, 38px); }
.page-product .btn-buy-now, .page-product .btn-add-cart, .page-product button.add-cart { min-height: 50px; border-radius: 7px; }
.page-product .btn-buy-now { color: #fff; background: var(--auto-orange); border-color: var(--auto-orange); }
.page-product .nav-tabs .nav-link.active { color: var(--auto-orange); border-bottom-color: var(--auto-orange); }
.quantity-wrap, .quantity-wrap-line { border-radius: 7px; overflow: hidden; }

/* Cart and checkout */
.page-cart .cart-content, .page-cart .cart-products, .page-cart .cart-summary,
.page-checkout .checkout-wrap, .page-checkout .checkout-section, .page-checkout .order-summary,
.checkout-wrap .card, .cart-wrap .card { border: 1px solid var(--auto-line); border-radius: var(--auto-radius); background: #fff; box-shadow: none; }
.page-cart table, .page-checkout table { --bs-table-bg: transparent; }
.page-cart .product-name, .page-checkout .product-name { font-weight: 600; }
.page-cart .cart-total, .page-checkout .total, .page-checkout .order-total { color: var(--auto-orange); font-weight: 800; }
.page-checkout .payment-item, .page-checkout .shipping-item { border: 1px solid var(--auto-line); border-radius: 8px; }
.page-checkout .payment-item:hover, .page-checkout .shipping-item:hover { border-color: var(--auto-orange); }
.page-checkout .btn-checkout, .page-checkout .btn-submit-order { min-height: 50px; color: #fff; background: var(--auto-orange); border-color: var(--auto-orange); }

/* Authentication, account, orders, articles, brands and errors */
.page-account, .page-login, .page-register, .page-forgotten { background: var(--auto-paper); }
.page-pages, .page-brands, .page-categories, [class*="page-account"] { background: var(--auto-paper); }
.page-account .account-content, .page-account .card, .page-login .login-wrap, .page-register .register-wrap,
.account-wrap .card, .login-wrap, .register-wrap, [class*="page-account"] .card { border: 1px solid var(--auto-line); border-radius: var(--auto-radius); background: #fff; box-shadow: none; }
.page-account .account-sidebar .active, .account-sidebar a:hover { color: var(--auto-orange); background: #fff4ee; }
.page-account table { --bs-table-striped-bg: #fafaf9; }
.badge.bg-success, .badge.bg-info { color: var(--auto-ink) !important; background: #e7f4ee !important; }
.badge.bg-warning { color: #7d4700 !important; background: #fff0d8 !important; }
.badge.bg-danger { color: #9e2a19 !important; background: #fde5e0 !important; }
.page-brands .brand-wrap, .brand-list .brand-item, .page-categories .category-wrap, .pages-wrap { overflow: hidden; border: 1px solid var(--auto-line); border-radius: var(--auto-radius); background: #fff; }
.pages-wrap .page-info { padding: 18px; }
.pages-wrap .pages-title { font-weight: 700; }
.pages-wrap .pages-summary { color: var(--auto-muted); line-height: 1.7; }
.error-page, .page-error { min-height: 58vh; display: grid; place-items: center; text-align: center; }
.empty-wrap, .no-data { padding-block: 70px; color: var(--auto-muted); text-align: center; }

/* Footer */
.auto-footer { margin-top: 78px; color: #a7acb2; background: #111418; }
.page-home .auto-footer { margin-top: 0; }
.auto-service-strip { color: var(--auto-ink); background: #fff; }
.auto-service-strip .service-item { min-height: 98px; display: flex; align-items: center; gap: 14px; padding: 18px 24px; border-right: 1px solid #eceeef; }
.auto-service-strip .col-lg-3:last-child .service-item { border-right: 0; }
.auto-service-strip .icon { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; color: var(--auto-orange); border-radius: 50%; background: #fff4ee; }
.auto-service-strip .icon img { width: 26px; height: 26px; object-fit: contain; }
.auto-service-strip .text { display: flex; flex-direction: column; }
.auto-service-strip b { color: var(--auto-ink); font-size: 14px; }
.auto-service-strip small { margin-top: 5px; color: var(--auto-muted); font-size: 11px; }
.auto-footer-main { padding-block: 62px 48px; }
.auto-footer h6 { margin-bottom: 20px; color: #fff; font-size: 13px; font-weight: 700; }
.auto-footer h6::after { content: ""; display: block; width: 24px; height: 2px; margin-top: 10px; background: var(--auto-orange); }
.auto-footer .icon-open { display: none; }
.auto-footer .footer-logo img { max-width: 210px; max-height: 60px; margin-bottom: 20px; object-fit: contain; }
.auto-footer .footer-logo-text { display: inline-block; margin-bottom: 20px; color: #fff; font-size: 22px; font-weight: 800; letter-spacing: 1px; }
.auto-footer .footer-intro .text { max-width: 420px; color: #8d9299; font-size: 11px; line-height: 1.9; }
.auto-footer .footer-link-wrap li { margin-bottom: 12px; color: #989da3; font-size: 11px; }
.auto-footer .footer-link-wrap a { color: #989da3; }
.auto-footer .footer-link-wrap a:hover { color: var(--auto-orange); }
.auto-footer .footer-contact li { display: flex; gap: 10px; line-height: 1.6; }
.auto-footer .footer-contact i { color: var(--auto-orange); }
.auto-footer .social-network { display: flex; gap: 8px; }
.auto-footer .social-network img { width: 28px; height: 28px; border-radius: 50%; }
.auto-footer .footer-bottom { padding-block: 22px; color: #686e75; border-top: 1px solid #282c31; font-size: 10px; }
.auto-footer .footer-bottom a { color: #b7bbc0; }
.auto-footer .footer-payment-image { max-width: 270px; max-height: 32px; }

/* Mobile */
.auto-mobile-dock { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1050; height: 62px; display: grid; grid-template-columns: repeat(4, 1fr); padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid var(--auto-line); background: rgba(255,255,255,.97); box-shadow: 0 -8px 25px rgba(20,23,27,.08); backdrop-filter: blur(10px); }
.auto-mobile-dock a, .auto-mobile-dock button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 0; color: #596069; border: 0; background: transparent; font-size: 10px; }
.auto-mobile-dock i { font-size: 20px; }
.auto-mobile-dock .active, .auto-mobile-dock a:hover, .auto-mobile-dock button:hover { color: var(--auto-orange); }

@media (max-width: 1199.98px) {
  .auto-shell, body .container-fluid, .module-info > .container-fluid, .module-info > .container { width: min(100% - 40px, 1080px); }
  .auto-main-header > .auto-shell { grid-template-columns: 200px 1fr auto; gap: 20px; }
  .auto-nav .menu-wrap > .navbar-nav > .nav-item > .nav-link { padding-inline: 14px; }
}

@media (max-width: 991.98px) {
  body { padding-bottom: 62px; }
  .auto-shell, body .container-fluid, .module-info > .container-fluid, .module-info > .container { width: min(100% - 28px, 760px); }
  .auto-header .top-wrap { display: none; }
  .page-home .module-item:not(:first-child) .module-info { padding-block: 48px; }
  .module-img-text-slideshow, .module-img-text-slideshow .swiper-slide .image-wrap, .module-img-text-slideshow .content-wrap { min-height: 510px; }
  .module-img-text-slideshow .swiper-slide .image-wrap::after { background: linear-gradient(90deg, rgba(8,10,13,.9), rgba(8,10,13,.62) 70%, rgba(8,10,13,.25)); }
  .img-text-banner-wrap .text-wrap { min-height: 320px; padding: 36px !important; }
  .auto-service-strip .service-item { border-bottom: 1px solid #eceeef; }
  .auto-footer .footer-link-wrap { border-bottom: 1px solid #282c31; }
  .auto-footer h6 { display: flex; justify-content: space-between; margin: 0; padding-block: 16px; }
  .auto-footer h6::after { display: none; }
  .auto-footer .icon-open { display: inline-block; }
}

@media (max-width: 767.98px) {
  .module-title { margin-bottom: 20px !important; font-size: 24px !important; }
  .module-img-text-slideshow, .module-img-text-slideshow .swiper-slide .image-wrap, .module-img-text-slideshow .content-wrap { min-height: 460px; }
  .module-img-text-slideshow .title { font-size: 38px; }
  .module-img-text-slideshow .description { font-size: 13px; }
  .module-icons .row > * { width: 50%; }
  .product-wrap .product-bottom-info { min-height: 105px; padding: 13px; }
  .product-wrap .product-name { min-height: 39px; font-size: 12px; line-height: 1.55; }
  .product-wrap .price-new { font-size: 16px; }
  .product-wrap .button-wrap .btn-quick-view { display: none; }
  .img-text-banner-wrap .text-wrap { min-height: auto; padding: 32px 24px !important; }
  .img-text-banner-wrap .img-wrap, .img-text-banner-wrap .img-wrap img { min-height: 260px; }
  .auto-service-strip .service-item { min-height: 90px; padding: 15px 10px; }
  .auto-service-strip .icon { width: 38px; height: 38px; flex-basis: 38px; }
  .auto-service-strip b { font-size: 12px; }
  .auto-service-strip small { font-size: 9px; }
  .auto-footer-main { padding-block: 38px 20px; }
  .auto-footer .footer-payment-image { max-width: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}