@font-face { font-family:"NanumSquareNeo"; font-style:normal; font-weight:400; font-display:swap; src:url("../fonts/d13846b612acc829.woff2") format("woff2"); }
@font-face { font-family:"NanumSquareNeo"; font-style:normal; font-weight:700; font-display:swap; src:url("../fonts/97dfe9720fbed813.woff2") format("woff2"); }

/* 원본 1920px 시안의 색상·글꼴·크기 비율입니다. 전체 페이지 확대 대신 요소별 반응형 단위로 사용합니다. */
:root {
  --u:clamp(.55px,.0520833333vw,1.25px);
  --sans:"NanumSquareNeo","Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;
  --navy:#0a3d7a;
  --blue:#064283;
  --ink:#1c1f24;
  --line:#dfe2e6;
  --button-gradient:linear-gradient(90deg,#1b6fcf,#0a3d7a);
  --control-shadow:0 calc(8 * var(--u)) calc(24 * var(--u)) rgba(0,0,0,.14);
}
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#fff; font:calc(16 * var(--u))/1.4 var(--sans); }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:default; }
button,a,input,select { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #428bdd; outline-offset:3px; }
.container { width:calc(1416.747404 * var(--u)); max-width:calc(100% - 40px); margin-inline:auto; }
.sr-only,.skip-link:not(:focus) { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link:focus { position:fixed; left:20px; top:12px; padding:12px; background:#fff; z-index:100; }

/* 원본 공통 머리글: 높이와 로고 비율은 유지하고 메뉴만 시안의 비율을 따릅니다. */
.site-header { height:72px; background:#fff; }
.header-inner { height:100%; position:relative; display:flex; align-items:center; }
.brand { display:inline-flex; flex-shrink:0; }
.brand img { display:block; width:100.8px; height:48px; object-fit:contain; }
.main-nav { display:flex; align-items:center; position:absolute; left:50%; transform:translateX(-50%); width:calc(229.204152 * var(--u)); height:calc(38.4 * var(--u)); padding:calc(3.2 * var(--u)); border-radius:calc(24 * var(--u)); background:#f1f4f8; }
.main-nav a { flex:1; display:flex; align-items:center; justify-content:center; height:calc(32 * var(--u)); border-radius:calc(20 * var(--u)); color:#6b727c; font-size:calc(13.287197 * var(--u)); font-weight:500; white-space:nowrap; }
.main-nav a.active { color:var(--navy); font-weight:700; background:#fff; box-shadow:var(--control-shadow); }

/* 원본 메인 s133~s138, 부품찾기 s208~s213의 이미지 레이어와 크롭을 그대로 구성합니다. */
.hero { position:relative; overflow:hidden; }
.hero-inner { position:relative; }
.hero-home,.hero-home .hero-inner { height:calc(440 * var(--u)); }
.hero-goods,.hero-goods .hero-inner { height:calc(256.08 * var(--u)); }
.hero-art { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.hero-art img,.hero-art>span { display:block; position:absolute; max-width:none; object-fit:cover; }
.home-art-base { left:0; top:0; width:100%; height:100%; }
.home-art-molecule { left:calc(842.73 * var(--u)); top:calc(-6.99 * var(--u)); width:calc(1071.45 * var(--u)); height:calc(577.13 * var(--u)); }
.home-art-road { left:calc(997.24 * var(--u)); top:calc(15.85 * var(--u)); width:calc(1061.62 * var(--u)); height:calc(561.73 * var(--u)); }
.home-art-molecule-right { left:calc(1598.62 * var(--u)); top:calc(184 * var(--u)); width:calc(743.97 * var(--u)); height:calc(346.48 * var(--u)); opacity:.8; transform:scaleX(-1); }
.home-art-leaves { left:calc(661.76 * var(--u)); top:calc(-12.46 * var(--u)); width:calc(1348.42 * var(--u)); height:calc(733.71 * var(--u)); }
.home-art-shade { inset:0 auto 0 0; width:calc(1380 * var(--u)); background:linear-gradient(90deg,rgba(207,227,248,.97),rgba(207,227,248,0)); }
.goods-art-base { left:0; top:calc(-.929998 * var(--u)); width:100%; height:calc(502.341795 * var(--u)); }
.goods-art-tint { inset:0; width:100%; height:100%; opacity:.63; background:linear-gradient(289deg,#9feaf4,#c8ddf9); }
.goods-art-grass { left:0; bottom:0; width:100%; height:calc(46 * var(--u)); background:url('../images/df7c7c83ac68f537.webp') center bottom/auto 100% repeat-x; }
.goods-art-shade { left:0; top:calc(.08 * var(--u)); width:calc(517.155541 * var(--u)); height:calc(256 * var(--u)); background:linear-gradient(90deg,rgba(176,208,240,.92),rgba(176,208,240,0)); mask-image:linear-gradient(180deg,#000 calc(100% - 44px),transparent calc(100% - 20px)); }
.goods-art-car { left:calc(1120 * var(--u)); top:calc(-48.42 * var(--u)); width:calc(560 * var(--u)); height:calc(348.6 * var(--u)); }
.goods-art-molecule { left:calc(1081 * var(--u)); top:calc(-76.72 * var(--u)); width:calc(553.6 * var(--u)); height:calc(344.6 * var(--u)); }
/* 배경은 화면 전체를 채우고, 장식 이미지는 가운데 1920px 시안을 기준으로 배치합니다. */
.home-art-molecule { left:calc(50% - 117.27 * var(--u)); }
.home-art-road { left:calc(50% + 37.24 * var(--u)); }
.home-art-molecule-right { left:calc(50% + 638.62 * var(--u)); }
.home-art-leaves { left:calc(50% - 298.24 * var(--u)); }
.goods-art-car { left:calc(50% + 160 * var(--u)); }
.goods-art-molecule { left:calc(50% + 121 * var(--u)); }
.hero-copy { position:absolute; z-index:1; }
.hero-home .hero-copy { top:calc(80.592 * var(--u)); }
.hero h1 { margin:0; color:var(--navy); }
.hero-home h1 { font:700 calc(58 * var(--u))/1.1 "Roboto",Arial,var(--sans); height:calc(64 * var(--u)); white-space:nowrap; }
.hero-kicker { margin:0; }
.hero-home .hero-kicker { display:flex; align-items:center; justify-content:center; width:calc(366 * var(--u)); height:calc(40 * var(--u)); margin-bottom:calc(18 * var(--u)); background:rgba(255,255,255,.88); border:1px solid #bfd7ef; border-radius:calc(28 * var(--u)); color:#04816c; font-size:calc(23 * var(--u)); font-weight:600; line-height:1; white-space:nowrap; }
.hero-link { display:inline-flex; align-items:center; justify-content:center; gap:calc(4 * var(--u)); width:calc(162.4 * var(--u)); height:calc(43 * var(--u)); margin-top:calc(27 * var(--u)); border-radius:calc(21.5 * var(--u)); background:var(--button-gradient); box-shadow:var(--control-shadow); color:#fff; font-size:calc(16.5 * var(--u)); font-weight:700; }
.hero-goods .hero-copy { top:calc(20.08 * var(--u)); display:flex; flex-direction:column; }
.hero-goods h1 { order:-1; font-size:calc(34.878893 * var(--u)); font-weight:700; line-height:1.25; -webkit-text-stroke:calc(1.1 * var(--u)) var(--navy); paint-order:stroke fill; }
.hero-goods .hero-kicker { margin-top:calc(10 * var(--u)); font:600 calc(19.930796 * var(--u))/calc(32 * var(--u)) "Roboto",Arial,var(--sans); background:linear-gradient(278deg,#04816c,#0d99ff); background-clip:text; -webkit-background-clip:text; color:transparent; }

/* 원본 검색 상자의 반투명 배경, 둥글기, 개별 컨트롤의 그림자와 그라데이션입니다. */
.hero-search { position:absolute; z-index:2; }
.hero-home .hero-search { left:calc(-11.626298 * var(--u)); right:calc(-11.626298 * var(--u)); bottom:calc(18 * var(--u)); }
.search-form { display:flex; align-items:center; gap:calc(6.643599 * var(--u)); margin:0; padding:calc(12 * var(--u)) calc(11.626298 * var(--u)); background:rgba(255,255,255,.32); border-radius:calc(20 * var(--u)); }
.search-vehicle-fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(6.643599 * var(--u)); flex:0 0 calc(661.038065 * var(--u)); }
.search-keyword-fields { display:flex; gap:calc(6.643599 * var(--u)); flex:1; min-width:0; }
.search-form input,.search-form select,.search-form button { min-width:0; height:calc(44 * var(--u)); border:0; border-radius:calc(12 * var(--u)); box-shadow:var(--control-shadow); font-size:calc(14.948097 * var(--u)); }
.search-form input,.search-form select { background:#fff; color:var(--navy); }
.search-form select { width:100%; appearance:none; padding-inline:calc(9.965 * var(--u)) calc(26.574 * var(--u)); background:#fff url('../images/03f61dc00163520b.svg') right calc(9.965 * var(--u)) center/calc(13.287 * var(--u)) auto no-repeat; }
.search-form input { flex:1; width:100%; padding-inline:calc(16.609 * var(--u)); }
.search-form input::placeholder { color:#8a9099; opacity:1; }
.search-form button { display:flex; align-items:center; justify-content:center; flex:0 0 calc(132.871972 * var(--u)); background:var(--button-gradient); color:#fff; font-weight:700; }
.hero-goods .hero-search { left:calc(-14.117647 * var(--u)); bottom:calc(14 * var(--u)); width:calc(764.013841 * var(--u)); }
.hero-goods .search-form { flex-direction:column; align-items:stretch; gap:calc(8 * var(--u)); padding:calc(12 * var(--u)); }
.hero-goods .search-vehicle-fields { flex:auto; gap:calc(13.287197 * var(--u)); }
.hero-goods .search-vehicle-fields select { height:calc(41.6 * var(--u)); }

/* 원본 메인 카드와 목록 카드의 비율은 각각 다릅니다. 실제 상품 수만 유동적으로 배치합니다. */
.products-section { padding-top:calc(80 * var(--u)); padding-bottom:calc(63 * var(--u)); }
.page-home .products-section { width:calc(1320 * var(--u)); }
.section-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:calc(32 * var(--u)); }
.section-heading h2 { position:relative; margin:0; padding-left:calc(16 * var(--u)); font:800 calc(21.5917 * var(--u))/calc(33.6 * var(--u)) "Roboto",Arial,var(--sans); }
.section-heading h2:before { content:""; position:absolute; width:calc(4.982699 * var(--u)); height:calc(24 * var(--u)); border-radius:3px; left:0; top:50%; transform:translateY(-50%); background:linear-gradient(180deg,#1b6fcf,#0a3d7a); }
.more-link { display:flex; align-items:center; justify-content:center; gap:calc(12 * var(--u)); width:calc(75.365 * var(--u)); height:calc(33.218 * var(--u)); background:#fff; border:1px solid var(--line); border-radius:calc(18.27 * var(--u)); color:var(--navy); font-size:calc(12.414 * var(--u)); font-weight:600; white-space:nowrap; }
.goods-card { display:flex; min-width:0; background:#fff; border:1px solid var(--line); border-radius:calc(20 * var(--u)); padding:calc(14 * var(--u)) calc(11.626298 * var(--u)); height:calc(404.11 * var(--u)); }
.goods-card-link { display:flex; flex:1; flex-direction:column; min-width:0; }
.goods-photo { position:relative; aspect-ratio:227.792388/183.7; flex-shrink:0; border-radius:calc(14 * var(--u)); overflow:hidden; background:#f6f8fb; }
.goods-image { display:block; width:100%; height:100%; object-fit:cover; }
.report-badge { position:absolute; bottom:calc(16.46 * var(--u)); right:calc(7.72 * var(--u)); display:grid; place-items:center; width:calc(37.738642 * var(--u)); height:calc(37.738642 * var(--u)); border-radius:50%; background:#fff; }
.report-badge img { width:calc(22.643185 * var(--u)); height:calc(27.266169 * var(--u)); object-fit:contain; }
.goods-info { padding-top:calc(12 * var(--u)); display:flex; flex-direction:column; flex:1; min-height:0; }
.goods-vehicle { margin:0 0 calc(7.448 * var(--u)); font-size:calc(10.796 * var(--u)); line-height:calc(12.552 * var(--u)); color:#8a9099; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.goods-info h3 { margin:0 0 calc(12.69 * var(--u)); color:#23262b; font-size:calc(16.609 * var(--u)); line-height:calc(19.31 * var(--u)); font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.goods-price { margin:0; color:#064283; font:700 calc(26.574 * var(--u))/calc(26.482 * var(--u)) "Noto Sans KR",var(--sans); }
.goods-price span { font:inherit; }
.goods-evaluation { display:flex; flex-direction:column; gap:calc(4.81 * var(--u)); margin: auto 0 0; padding-top:calc(9 * var(--u)); border-top:1px solid #eceff3; }
.goods-evaluation div { display:flex; align-items:center; justify-content:space-between; height:calc(28.8 * var(--u)); padding:0 calc(9.54 * var(--u)); background:#f6f8fb; border:1px solid #e8ecf1; border-radius:calc(12 * var(--u)); gap:4px; }
.goods-evaluation dt { color:#5b616a; font-size:calc(11.626 * var(--u)); line-height:1.4; font-weight:500; white-space:nowrap; }
.goods-evaluation dt:before { content:""; display:inline-block; width:calc(4.99 * var(--u)); height:calc(5 * var(--u)); border-radius:50%; background:#8fb3de; margin-right:calc(5.4 * var(--u)); vertical-align:middle; }
.goods-evaluation .rating dt:before { background:#0a3d7a; }
.goods-evaluation dd { margin:0; color:#064283; font-size:calc(14.948 * var(--u)); font-weight:700; line-height:1.4; white-space:nowrap; }
.grade-badge { display:inline-grid; place-items:center; width:calc(20 * var(--u)); height:calc(20 * var(--u)); border:1px solid #1b6fcf; border-radius:calc(12 * var(--u)); background:linear-gradient(90deg,#1b6fcf,#064283); color:#fff; font-size:calc(12.457 * var(--u)); line-height:1; font-weight:700; }
.grade-badge.grade-outline { color:#064283; background:#fff; }
.goods-carousel { position:relative; }
.goods-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 64 * var(--u))/5); gap:calc(16 * var(--u)); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
.goods-track::-webkit-scrollbar { display:none; }
.goods-track .goods-card { scroll-snap-align:start; }
.carousel-arrow { position:absolute; top:calc(190 * var(--u)); z-index:2; width:calc(40 * var(--u)); height:calc(40 * var(--u)); display:grid; place-items:center; border:1px solid #b8bdc6; border-radius:50%; background:#fff; color:#23262b; font-size:calc(27 * var(--u)); line-height:1; }
.carousel-arrow.previous { left:calc(-46 * var(--u)); }.carousel-arrow.next { right:calc(-46 * var(--u)); }.carousel-arrow:disabled { opacity:.45; }
.carousel-dots { display:flex; justify-content:center; gap:calc(10 * var(--u)); margin-top:calc(62 * var(--u)); }.carousel-dots[hidden] { display:none; }
.carousel-dots button { border:0; padding:0; width:calc(6.643599 * var(--u)); height:calc(8 * var(--u)); background:#cdd6e2; border-radius:50%; }.carousel-dots button.active { width:calc(23.252595 * var(--u)); border-radius:calc(4 * var(--u)); background:var(--button-gradient); }

/* 원본 하단 배너 s16·s18·s19: 톱니 이미지 크롭과 두 겹의 그라데이션을 유지합니다. */
.sustainability-banner { position:relative; height:calc(160 * var(--u)); overflow:hidden; color:#fff; background:linear-gradient(90deg,#010005,#00001d); }
.banner-art { position:absolute; inset:0; pointer-events:none; }
.banner-art img { position:absolute; left:calc(706.06 * var(--u)); top:calc(-97.68 * var(--u)); width:calc(1069.27 * var(--u)); height:calc(478.47 * var(--u)); object-fit:cover; mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.banner-art span { position:absolute; left:calc(515.2 * var(--u)); top:calc(-7.61 * var(--u)); width:calc(892.416661 * var(--u)); height:calc(189.19 * var(--u)); background:linear-gradient(99deg,#010006,rgba(0,0,0,0)); }
.banner-art:after { content:""; position:absolute; inset:0; background:linear-gradient(94deg,rgba(41,74,127,.54),rgba(0,0,0,0)); }
.banner-copy { position:relative; z-index:1; padding-top:calc(42.39 * var(--u)); }
.banner-mark { display:block; height:calc(6 * var(--u)); width:calc(46.50519 * var(--u)); background:#2fd0b0; margin-bottom:calc(4.99 * var(--u)); border-radius:3px; }
.banner-copy h2 { font:900 calc(22.49 * var(--u))/1.45 "Roboto",Arial,var(--sans); margin:0 0 calc(7.75 * var(--u)); }
.banner-copy p { font:700 calc(13 * var(--u))/1.8 "Roboto",Arial,var(--sans); color:rgba(255,255,255,.8); margin:0; }
.site-footer { background:linear-gradient(180deg,#0d4690,#062c58); color:rgba(169,192,221,.8); padding:calc(18 * var(--u)) 0; font-size:calc(12.4567 * var(--u)); }
.footer-grid { display:grid; grid-template-columns:32.066% 32.826% 19.93%; justify-content:space-between; align-items:center; }
.footer-links { display:flex; gap:calc(5 * var(--u)); margin-bottom:calc(11 * var(--u)); color:rgba(255,255,255,.8); font-size:calc(13.2872 * var(--u)); font-weight:700; }
.site-footer p { margin:0; line-height:1.4; }
.footer-project,.footer-contact { min-height:calc(120 * var(--u)); padding:calc(15 * var(--u)) calc(23.252595 * var(--u)); border:1px solid #ffffff09; border-radius:calc(16 * var(--u)); background:rgba(255,255,255,.07); }
.footer-project { color:#d6e3f3; font-size:calc(11.6263 * var(--u)); }
.footer-project p+p { border-top:1px solid #ffffff1f; margin-top:calc(7 * var(--u)); padding-top:calc(7 * var(--u)); }
.footer-contact { position:relative; border-radius:calc(20 * var(--u)); }
.footer-contact:before { content:""; position:absolute; width:1px; height:100%; left:calc(-55.75 * var(--u)); top:0; background:rgba(255,255,255,.2); }
.footer-contact>span { display:block; color:rgba(143,179,222,.8); font-size:calc(14.1176 * var(--u)); font-weight:700; }
.footer-contact>a { display:block; font-size:calc(23.2526 * var(--u)); font-weight:800; color:rgba(255,255,255,.8); line-height:1.2; margin:calc(2 * var(--u)) 0 calc(8 * var(--u)); }
.footer-contact p { color:rgba(185,205,230,.8); font-size:calc(11.6263 * var(--u)); }

/* 페이지당 12개를 넓은 PC 6열·일반 PC 4열·태블릿 3열·모바일 2열로 배치합니다. */
.catalog-section { padding-top:calc(61 * var(--u)); padding-bottom:calc(80 * var(--u)); }
.catalog-title { display:flex; align-items:center; gap:calc(18 * var(--u)); flex-wrap:wrap; }
.catalog-heading { margin-bottom:calc(24 * var(--u)); }
.result-count { background:#eef2f8; color:#5b616a; border-radius:calc(17 * var(--u)); padding:calc(4 * var(--u)) calc(16 * var(--u)); font-size:calc(14.117647 * var(--u)); }
.sort-form { display:flex; gap:8px; align-items:center; }
.sort-form select { width:calc(110 * var(--u)); height:calc(33.218 * var(--u)); border:1px solid var(--line); border-radius:calc(18.27 * var(--u)); background:#fff; color:var(--navy); font-size:calc(13.287 * var(--u)); padding-inline:calc(8.304 * var(--u)); }
.sort-submit { color:var(--navy); background:#fff; border:1px solid var(--line); border-radius:calc(18.27 * var(--u)); height:calc(33.218 * var(--u)); padding:0 12px; }
.js-enabled .sort-submit { display:none; }
.goods-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(14.64 * var(--u)) calc(15.197232 * var(--u)); }
.goods-grid .goods-card { height:auto; min-height:calc(335.76 * var(--u)); padding:calc(11.192 * var(--u)) calc(11.626298 * var(--u)) calc(8.8 * var(--u)); }
.goods-grid .goods-photo { aspect-ratio:248.703114/146.96; }
.goods-grid .goods-info { padding-top:calc(9.6 * var(--u)); min-height:max(150px,calc(165 * var(--u))); }
.goods-grid .goods-vehicle { font-size:max(10px,calc(10.796 * var(--u))); line-height:1.5; margin-bottom:calc(.8 * var(--u)); }
.goods-grid .goods-info h3 { font-size:max(13px,calc(13.287197 * var(--u))); line-height:1.7; margin-bottom:calc(3.2 * var(--u)); }
.goods-grid .goods-price { font-size:max(20px,calc(21.591696 * var(--u))); line-height:1.45; }
.goods-grid .goods-evaluation dt { font-size:max(10px,calc(11.626 * var(--u))); }
.goods-grid .goods-evaluation dd { font-size:max(12px,calc(14.948 * var(--u))); }
.goods-grid .goods-evaluation div { min-height:25px; }
.goods-grid .report-badge { height:calc(36.354892 * var(--u)); bottom:calc(10.07 * var(--u)); }
.search-summary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:0 0 22px; color:#526984; }.search-summary p { margin:0; }.search-summary a { white-space:nowrap; color:#6b7a8f; }
.pagination { display:flex; justify-content:center; align-items:center; gap:6px; margin-top:40px; }
.pagination-pages { display:flex; justify-content:center; align-items:center; gap:2px; list-style:none; margin:0; padding:0 20px; }
.pagination-pages a { display:grid; place-items:center; min-width:32px; height:32px; color:#999; font-size:16px; }
.pagination-pages a.active { color:#000; font-weight:700; }
.pagination-pages a:hover { color:#1381e1; }
.pagination .page-step { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border:1px solid var(--line); border-radius:50%; color:#738196; font:20px/1 Arial,sans-serif; }
.pagination .page-step:hover { border-color:#222; color:#000; }
.pagination .page-step svg { display:block; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.empty-state { text-align:center; border:1px solid var(--line); background:#f8fafc; border-radius:15px; padding:65px 20px; color:#738196; }.empty-state h3 { color:#354e6d; margin:0 0 8px; font-size:20px; }.empty-state p { margin:0 0 14px; }.empty-state a { color:var(--blue); text-decoration:underline; }
.error-page { text-align:center; min-height:55vh; padding-block:100px; }.error-page h1 { font-size:30px; color:var(--navy); }.error-page p { color:#697a90; margin-bottom:30px; }.error-page a { margin:0 10px; }.primary-link { display:inline-block; padding:10px 22px; color:#fff; background:var(--button-gradient); border-radius:12px; }

@media(min-width:1800px) {
  .goods-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
}

/* 태블릿·모바일에서는 시안의 색과 모양을 유지하고 열 수와 배치만 변경합니다. */
@media(max-width:1100px) {
  :root { --u:.8px; }
  body { font-size:14px; }
  .container,.page-home .products-section { width:calc(100% - 64px); max-width:none; }
  .home-art-base,.goods-art-base { height:100%; }
  .goods-art-tint,.goods-art-shade { height:100%; }
  .goods-art-grass { top:auto; bottom:0; }
  .hero-home,.hero-home .hero-inner { height:410px; }
  .hero-home .hero-copy { top:55px; }
  .hero-home .hero-search { left:0; right:0; bottom:20px; }
  .search-form { flex-direction:column; align-items:stretch; gap:8px; padding:12px; }
  .search-vehicle-fields { flex:auto; gap:8px; }
  .search-form input,.search-form select,.search-form button { height:42px; font-size:13px; }
  .search-form button { flex-basis:110px; }
  .hero-goods,.hero-goods .hero-inner { height:300px; }
  .hero-goods .hero-copy { top:25px; }
  .hero-goods .hero-search { left:0; bottom:20px; width:620px; max-width:100%; }
  .hero-goods .search-vehicle-fields select { height:42px; }
  .goods-track { grid-auto-columns:calc((100% - 26px)/3); gap:13px; }
  .goods-card { height:auto; min-height:360px; padding:12px 10px; }
  .goods-info { padding-top:10px; min-height:140px; }
  .goods-vehicle,.goods-grid .goods-vehicle { font-size:11px; line-height:16px; margin-bottom:4px; }
  .goods-info h3,.goods-grid .goods-info h3 { font-size:14px; line-height:21px; margin-bottom:8px; }
  .goods-price,.goods-grid .goods-price { font-size:23px; line-height:30px; }
  .goods-evaluation div { height:27px; }
  .goods-evaluation dt { font-size:10px; }.goods-evaluation dd { font-size:13px; }
  .grade-badge { width:20px; height:20px; font-size:12px; }
  .goods-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
  .goods-grid .goods-card { height:auto; min-height:310px; padding:10px; }
  .carousel-arrow { width:30px; height:30px; top:165px; }.carousel-arrow.previous { left:-30px; }.carousel-arrow.next { right:-30px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:20px; }.footer-company { grid-column:1; }.footer-contact { grid-column:2; grid-row:1; width:230px; justify-self:end; }.footer-project { grid-column:1/3; }.footer-contact:before { display:none; }
  .footer-links { font-size:12px; }.footer-company p { font-size:11px; }
  .footer-project { font-size:11px; }.footer-contact>span { font-size:12px; }.footer-contact>a { font-size:25px; }.footer-contact p { font-size:11px; }
}
@media(max-width:700px) {
  :root { --u:.72px; }
  .container,.page-home .products-section { width:calc(100% - 36px); }
  .brand img { width:88.2px; height:42px; }.main-nav { left:auto; right:0; transform:none; width:188px; height:35px; }.main-nav a { font-size:12px; height:29px; }
  .hero-home .hero-art { opacity:.85; }
  .hero-home,.hero-home .hero-inner { height:430px; }.hero-home .hero-copy { top:40px; }.hero-home h1 { font-size:35px; height:auto; }.hero-home .hero-kicker { width:285px; height:33px; font-size:17px; margin-bottom:15px; }.hero-link { width:145px; height:39px; font-size:14px; margin-top:22px; }
  .hero-home .hero-search { bottom:18px; }.search-vehicle-fields,.hero-goods .search-vehicle-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.search-keyword-fields { gap:7px; }.search-form button { flex-basis:72px; }.search-form select,.search-form input { font-size:12px; }.search-form input { padding-inline:10px; }
  .hero-goods,.hero-goods .hero-inner { height:365px; }.hero-goods .hero-copy { top:28px; }.hero-goods h1 { font-size:30px; }.hero-goods .hero-kicker { font-size:16px; line-height:25px; }.hero-goods .hero-search { bottom:18px; }
  .products-section { padding-top:35px; padding-bottom:40px; }.section-heading { margin-bottom:22px; }.section-heading h2 { font-size:18px; line-height:28px; }.more-link { width:66px; height:29px; font-size:11px; }
  .goods-track { grid-auto-columns:calc((100% - 12px)/2); gap:12px; }.goods-card { height:auto; min-height:300px; padding:9px 8px; }.goods-info { padding-top:9px; min-height:135px; }.goods-vehicle,.goods-grid .goods-vehicle { font-size:10px; line-height:14px; }.goods-info h3,.goods-grid .goods-info h3 { font-size:13px; line-height:19px; margin-bottom:7px; }.goods-price,.goods-grid .goods-price { font-size:20px; line-height:27px; }.goods-evaluation { padding-top:7px; gap:4px; }.goods-evaluation div { height:25px; padding-inline:5px; }.goods-evaluation dt { font-size:9px; }.goods-evaluation dd { font-size:12px; }.grade-badge { width:18px; height:18px; font-size:11px; }
  .report-badge,.goods-grid .report-badge { width:29px; height:29px; right:6px; bottom:9px; }.report-badge img { width:19px; height:22px; }
  .carousel-arrow { width:26px; height:26px; top:140px; font-size:22px; }.carousel-arrow.previous { left:-13px; }.carousel-arrow.next { right:-13px; }.carousel-dots { margin-top:28px; }.carousel-dots button { min-width:6px; height:6px; }
  .sustainability-banner { height:145px; }.banner-art { left:50%; width:1382.4px; transform:translateX(-50%); }.banner-copy { padding-top:34px; }.banner-copy h2 { max-width:90%; font-size:18px; line-height:1.45; }.banner-copy p { max-width:88%; font-size:11px; line-height:1.6; }
  .site-footer { padding:25px 0; }.footer-grid { display:flex; flex-direction:column; align-items:stretch; gap:18px; }.footer-project,.footer-contact { padding:14px 18px; min-height:auto; }.footer-contact { width:auto; }.footer-company { order:1; }.footer-project { order:2; }.footer-contact { order:3; }
  .catalog-section { padding-top:35px; padding-bottom:45px; }.catalog-heading { flex-wrap:wrap; gap:12px; }.catalog-title { gap:10px; }.result-count { font-size:11px; }.sort-form { margin-left:auto; }.sort-form select { width:105px; height:30px; font-size:12px; }.sort-submit { height:30px; font-size:12px; }.goods-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.goods-grid .goods-card { height:auto; min-height:280px; padding:8px; }.goods-grid .goods-info { padding-top:8px; min-height:125px; }.search-summary { font-size:12px; }.pagination a,.pagination span { min-width:30px; height:30px; font-size:12px; }
}
@media(max-width:360px) { .main-nav { width:170px; }.main-nav a { font-size:11px; }.brand img { width:80px; }.hero-home h1 { font-size:31px; }.hero-home .hero-kicker { width:265px; font-size:16px; }.goods-evaluation dt { font-size:8px; }.goods-price,.goods-grid .goods-price { font-size:18px; } }
@media(max-width:700px) {
  .pagination { flex-wrap:wrap; gap:6px; }
  .pagination .pagination-pages { order:-1; flex-basis:100%; padding:0; gap:2px; margin-bottom:6px; }
  .pagination .pagination-pages a { min-width:24px; height:32px; font-size:14px; }
  .pagination .page-step { width:30px; height:30px; font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }