.catalog-filter-bar { display: block; padding: 24px; border: 1px solid #e5e8ed; border-radius: 18px; background: #fff; margin-bottom: 24px; box-shadow: 0 6px 24px #07111f04; }
.catalog-filter-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 22px; }
.catalog-filter-heading strong { display: block; font-size: 19px; color: #0c1b2e; }
.catalog-filter-heading span { display: block; margin-top: 4px; font-size: 13px; color: #778497; }
.catalog-clear { border: 0; background: none; color: #846024; text-decoration: underline; padding: 8px 0; cursor: pointer; font: inherit; font-size: 13px; white-space: nowrap; }
.catalog-primary-filters, .catalog-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.catalog-primary-filters + .catalog-primary-filters { margin-top: 18px; }
.catalog-filter-bar label { display: grid; align-content: start; gap: 7px; color: #344055; font-size: 13px; font-weight: 500; min-width: 0; }
.catalog-filter-bar :is(input:not([type=checkbox]):not([type=range]), select) { width: 100%; height: 44px; min-width: 0; padding: 10px 11px; border: 1px solid #dfe4eb; border-radius: 8px; color: #152439; background: #fff; box-shadow: none; font: inherit; font-size: 14px; }
.catalog-filter-bar select:disabled { background: #f6f7f9; color: #9aa3af; cursor: not-allowed; }
.catalog-filter-bar input[type=range] { width: 100%; accent-color: #bc9148; margin: 12px 0 0; }
.catalog-filter-bar .catalog-price-filter { padding: 0; background: none; border: 0; }
.catalog-price-filter > span { display: flex; justify-content: space-between; gap: 8px; }
.catalog-price-filter strong { color: #97702e; font-size: 12px; }
.catalog-range { padding: 0; margin: 0; border: 0; min-width: 0; }
.catalog-range legend { padding: 0; margin-bottom: 7px; color: #344055; font-size: 13px; font-weight: 500; }
.catalog-range legend small { font-weight: 400; color: #8490a1; }
.catalog-range > div { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 7px; align-items: center; color: #9aa3af; }
.catalog-more-filters { margin-top: 22px; border-top: 1px solid #eceef2; }
.catalog-more-filters > summary { cursor: pointer; padding: 18px 0; font-size: 14px; font-weight: 600; color: #14273f; }
.catalog-more-filters > summary span { margin-left: 12px; color: #8490a1; font-size: 12px; font-weight: 400; }
.catalog-filter-section { padding: 20px 0; border-top: 1px solid #eceef2; }
.catalog-filter-section h3 { margin: 0 0 16px; font-size: 15px; color: #17283d; }
.catalog-filter-section > p { font-size: 12px; color: #7d899b; margin: -6px 0 16px; }
.catalog-equipment { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px 20px; }
.catalog-filter-bar .catalog-equipment label, .catalog-equipment label, .catalog-check { display: flex; flex-direction: row; align-items: center; gap: 8px; font-weight: 400; font-size: 13px; }
.catalog-equipment input[type=checkbox], .catalog-check input[type=checkbox] { width: 16px; height: 16px; flex: 0 0 16px; accent-color: #ad8134; margin: 0; }
.catalog-filter-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding-top: 18px; border-top: 1px solid #eceef2; }
.catalog-filter-footer > label:nth-child(2) { margin-left: auto; display: flex; align-items: center; }
.catalog-filter-footer select { max-width: 210px; }
#catalog-filter-message { color: #a33232; font-size: 13px; margin: 12px 0 0; }
#catalog-filter-message:empty { display: none; }
#catalog-filter-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
#catalog-filter-chips:empty { margin: 0; }
#catalog-filter-chips button { display: flex; align-items: center; gap: 8px; border: 1px solid #e6dcc8; background: #fbf7ef; color: #664b1d; border-radius: 7px; padding: 7px 10px; font: inherit; font-size: 12px; cursor: pointer; }
#catalog-filter-chips button > span[aria-hidden] { font-size: 18px; line-height: 1; }
.catalog-filter-bar :is(input,select,button,summary):focus-visible, .content-form :is(input,select,textarea,button):focus-visible { outline: 2px solid #ad8134; outline-offset: 3px; }
.marketplace-hero h1 { white-space: pre-line; }
.marketplace-hero .hero-deal-card { height: auto; min-height: 0; display: flex; flex-direction: column; background: radial-gradient(ellipse at 50% 20%,#fff,#f1eee7); padding: 0; }
.marketplace-hero .hero-deal-image { position: static; width: 100%; height: 300px; padding: 0; object-fit: cover; object-position: 50% 57%; }
.marketplace-hero .hero-deal-card > .pill { position: absolute; top: 18px; left: 18px; margin: 0; padding: 8px 13px; background: #d9b56d; color: #3c2b0d; font-size: 11px; font-weight: 600; border: 0; border-radius: 30px; z-index: 1; }
.marketplace-hero .hero-deal-content { position: static; margin: 0; padding: 22px 24px; border: 0; border-top: 1px solid #e9e4da; background: #fff; border-radius: 0; box-shadow: none; }
.marketplace-hero .hero-deal-content h2 { font-size: 23px; line-height: 1.2; margin: 0 0 7px; }
.marketplace-hero .hero-deal-content > p { color: #66758a; font-size: 13px; }
.marketplace-hero .hero-deal-content .price-line { display: none; }
.product-spec-tile:has(strong:not(:empty)) { overflow-wrap: anywhere; }

.content-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; }
#admin-pane-marketing { min-width: 0; }
#admin-pane-marketing .marketing-head { margin-bottom: 22px; }
#admin-pane-marketing .marketing-head h2 { margin: 0 0 8px; font-size: 27px; line-height: 1.3; }
#admin-pane-marketing .marketing-head .eyebrow { margin: 0 0 9px; }
#admin-pane-marketing .marketing-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 26px; }
#admin-pane-marketing .marketing-tabs > button { display: flex; align-items: flex-start; gap: 12px; min-width: 0; min-height: 96px; padding: 17px; border: 1px solid #dfe5ed; border-radius: 12px; background: #fff; color: #1c3048; text-align: left; font: inherit; cursor: pointer; transition: border-color .15s,background-color .15s; }
#admin-pane-marketing .marketing-tabs > button:hover { border-color: #b99a59; background: #fcfaf5; }
#admin-pane-marketing .marketing-tabs > button[aria-pressed=true] { border-color: #b99a59; background: #f7f0e1; color: #765c28; }
#admin-pane-marketing .marketing-tabs > button:focus-visible { outline: 2px solid #9f7a35; outline-offset: 3px; }
#admin-pane-marketing .marketing-tabs > button > span:last-child { display: grid; align-content: start; gap: 6px; min-width: 0; }
#admin-pane-marketing .marketing-tabs strong { font-size: 13px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
#admin-pane-marketing .marketing-tabs small { font-size: 11px; line-height: 1.6; color: #718097; }
#admin-pane-marketing .marketing-tab-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 9px; background: #f3f5f8; color: #7c8a9f; }
#admin-pane-marketing [aria-pressed=true] .marketing-tab-icon { background: #ebdfc4; color: #8b6c2e; }
#admin-pane-marketing .marketing-tab-icon svg { width: 19px; height: 19px; }
#admin-pane-marketing > section[hidden] { display: none; }
#admin-pane-marketing > #content-message:empty { display: none; }
@media(max-width:1100px) { #admin-pane-marketing .marketing-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { #admin-pane-marketing .marketing-tabs { grid-template-columns: minmax(0,1fr); gap: 9px; } #admin-pane-marketing .marketing-tabs > button { min-height: 76px; padding: 13px; } }
.content-editor-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: start; }
.content-form { display: grid; gap: 16px; min-width: 0; }
.content-form h4 { font-size: 17px; margin: 0; }
.content-form h4:not(:first-child) { border-top: 1px solid #e6eaf0; padding-top: 22px; }
.content-form > p { margin: 0; font-size: 13px; }
.content-form label { display: grid; gap: 7px; font-size: 13px; color: #344055; }
.content-form label.catalog-check { display: flex; }
.content-form :is(input:not([type=checkbox]):not([type=range]),textarea,select) { width: 100%; min-width: 0; padding: 11px 12px; background: #fff; border: 1px solid #dfe5ed; border-radius: 8px; color: #152439; font: inherit; font-size: 14px; box-shadow: none; }
.content-form textarea { resize: vertical; min-height: 85px; line-height: 1.6; }
.content-form input[type=range] { width: 100%; accent-color: #b38b45; }
.content-form input[readonly] { background: #f6f7f9 !important; color: #7d899b !important; }
.content-form details { border: 1px solid #e5e8ed; padding: 14px; border-radius: 8px; }
.content-form summary { cursor: pointer; font-size: 13px; font-weight: 600; }
.content-form details[open] label { margin-top: 12px; }
.content-editor-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.content-preview-sticky { position: sticky; top: 100px; min-width: 0; }
.hero-editor-preview { border: 1px solid #e5e8ed; border-radius: 18px; overflow: hidden; background: #fff; }
.hero-editor-preview > div { padding: 26px; }
.hero-editor-preview h2 { font-size: 28px; line-height: 1.13; white-space: pre-line; margin: 10px 0; }
.hero-editor-preview p { font-size: 14px; color: #66758a; line-height: 1.7; }
.hero-preview-visual { position: relative; background: #f4f1eb; }
.hero-preview-visual > img { display: block; width: 100%; height: 280px; padding: 0; }
.hero-preview-visual > .pill { position: absolute; left: 18px; top: 16px; background: #d9b56d; color: #3c2b0d; font-size: 11px; }
.hero-preview-visual > div { padding: 20px 26px; background: #fff; border-top: 1px solid #e6e1d8; }
.hero-preview-visual h3 { margin: 0 0 6px; font-size: 21px; }
.hero-preview-visual p { margin: 0; }
.category-admin-list { display: grid; gap: 0; }
.category-admin-list > button { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 0; border: 0; border-bottom: 1px solid #e9edf2; background: none; text-align: left; cursor: pointer; color: #17283d; font: inherit; }
.category-admin-list > button:last-child { border-bottom: 0; }
.category-admin-list strong { display: block; font-size: 14px; overflow-wrap: anywhere; }
.category-admin-list small { display: block; color: #8290a2; margin-top: 5px; font-size: 12px; }
.category-admin-list button > span:last-child { color: #9b7435; font-size: 12px; flex: 0 0 auto; }
#admin-commercial-specs { border-block: 1px solid #e5e8ed; padding: 18px 0; margin: 16px 0; }
#admin-commercial-specs h4 { margin: 0; font-size: 15px; }
#admin-commercial-specs p { color: #7d899b; font-size: 12px; }
.content-preview-dialog { width: min(900px,calc(100% - 32px)); max-height: 90dvh; padding: 24px; border: 0; border-radius: 16px; }
.content-preview-dialog::backdrop { background: #07111f80; backdrop-filter: blur(3px); }
.content-preview-dialog > button { display: block; margin-left: auto; }
.hero-slides-editor { max-width: 1300px; }
#hero-slides { display: grid; gap: 24px; }
.hero-slide-card { padding: 24px; }
.hero-slide-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 18px; border-bottom: 1px solid #e6eaf0; margin-bottom: 22px; }
.hero-slide-header button { background: #fff; border: 1px solid #e0e5eb; border-radius: 7px; padding: 7px 13px; color: #26394f; font: inherit; font-size: 13px; cursor: pointer; }
.hero-slide-header button:disabled { opacity: .35; cursor: not-allowed; }
.hero-slide-grid { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(0,1.4fr); gap: 26px; align-items: start; }
.hero-slide-media,.hero-slide-copy { display: grid; gap: 16px; min-width: 0; }
.hero-slide-media > img { width: 100%; height: 250px; border-radius: 10px; background: #f2f4f7; display: block; }
.content-form small { color: #79869a; font-size: 12px; line-height: 1.6; }
.content-form .content-upload { display: flex; align-items: center; justify-content: center; gap: 12px; flex-direction: column; padding: 22px 16px; border: 1px dashed #c8d1dc; border-radius: 10px; background: #f8fafc; color: #3e5066; cursor: pointer; text-align: center; }
.content-form .content-upload input { font-size: 11px; width: 100%; padding: 6px; background: transparent; }
.content-save-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; justify-content: space-between; padding: 20px 24px; border: 1px solid #e2e7ee; border-radius: 12px; background: #fff; }
.content-save-bar > span { color: #7b8799; font-size: 12px; }
.content-crop-dialog { width: min(650px,calc(100% - 32px)); max-height: 90dvh; overflow: auto; border: 0; border-radius: 16px; padding: 26px; }
.content-crop-dialog::backdrop { background: #07111f80; backdrop-filter: blur(3px); }
.content-crop-dialog img { width: 100%; height: 290px; border-radius: 10px; background: #f3f5f8; }
.hero-carousel-controls { display: flex; gap: 8px; align-items: center; margin-top: 18px; }
.hero-carousel-controls button { min-width: 30px; height: 30px; padding: 4px 9px; border: 1px solid #ddd6c7; border-radius: 6px; color: #63502d; background: #fff; cursor: pointer; font: inherit; font-size: 12px; }
.hero-carousel-controls button[aria-current=true] { background: #14263d; color: #fff; border-color: #14263d; }
.blog-list-tools { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 20px; }
.blog-list-tools > input { max-width: 420px; width: 100%; }
.blog-list-tools label { display: flex; gap: 10px; align-items: center; color: #6d7d91; font-size: 12px; }
.blog-list-tools input,.blog-list-tools select { height: 42px; padding: 10px 12px; border: 1px solid #dfe5ed; border-radius: 8px; background: #fff; font: inherit; color: #1c2d44; }
.blog-list-card table { min-width: 760px; }
.blog-list-card td:first-child { width: 36%; white-space: normal; }
.blog-title-link { border: 0; background: none; color: #162c47; font: inherit; font-weight: 600; text-align: left; padding: 0; cursor: pointer; }
.blog-title-link:hover { color: #8b662c; text-decoration: underline; }
.blog-list-card td small { display: block; color: #8692a3; font-size: 11px; margin-top: 6px; }
.blog-list-card td { vertical-align: top; }
.blog-row-actions summary { cursor: pointer; list-style: none; font-size: 16px; min-width: 32px; text-align: center; }
.blog-row-actions[open] { min-width: 120px; }
.blog-row-actions :is(button,a) { display: block; color: #3b4b60; border: 0; background: #f5f7f9; width: 100%; text-align: left; padding: 9px 10px; font: inherit; font-size: 12px; cursor: pointer; border-radius: 5px; margin-top: 5px; white-space: nowrap; }
.blog-compose { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 24px; align-items: start; }
.blog-compose-main,.blog-compose-aside { min-width: 0; display: grid; gap: 24px; }
.blog-compose .panel-card { padding: 24px; }
.blog-compose .catalog-check input { width: 17px; height: 17px; accent-color: #b08a46; }
.blog-compose-aside .btn-gold { width: 100%; }
#post-cover-preview { width: 100%; aspect-ratio: 1.7; object-fit: cover; border-radius: 9px; }
.rich-toolbar { display: flex; flex-wrap: wrap; gap: 4px; padding: 10px 0 12px; border-bottom: 1px solid #e2e7ee; margin-top: 14px; }
.rich-toolbar button { border: 0; background: #f5f7fa; color: #32445c; border-radius: 5px; padding: 7px 9px; min-width: 30px; min-height: 32px; font: inherit; font-size: 12px; cursor: pointer; }
.rich-toolbar button:hover { background: #ebe4d5; }
#post-rich-body { min-height: 330px; padding: 20px 0; color: #2e4059; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; outline: none; }
#post-rich-body:focus { box-shadow: inset 2px 0 #b08a46; padding-left: 12px; }
#post-rich-body p { margin: 0 0 16px; }
#post-rich-body h2 { font-size: 26px; line-height: 1.3; }
#post-rich-body h3 { font-size: 22px; line-height: 1.35; }
#post-rich-body h4 { font-size: 18px; line-height: 1.4; }
#post-rich-body ul,#post-rich-body ol,.blog-prose ul,.blog-prose ol { padding-left: 24px; }
#post-rich-body blockquote,.blog-prose blockquote { padding: 10px 18px; margin: 16px 0; border-left: 3px solid #c7a05c; background: #f8f6f0; }
.post-word-count { font-size: 11px; color: #8693a6; border-top: 1px solid #e2e7ee; padding-top: 12px; }
.post-related-cars { display: grid; gap: 12px; max-height: 260px; overflow-y: auto; }
.post-related-cars label { font-size: 12px; }
.post-tags { display: flex; gap: 8px; flex-wrap: wrap; margin: 22px 0; }
.post-tags span { background: #f4f0e7; color: #85622c; border-radius: 20px; padding: 5px 12px; font-size: 12px; }
.post-related > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.post-related a { display: grid; align-content: start; border: 1px solid #e2e7ee; border-radius: 10px; overflow: hidden; font-size: 13px; }
.post-related img { width: 100%; aspect-ratio: 1.5; object-fit: cover; }
.post-related strong { padding: 14px 14px 6px; color: #20354f; }
.post-related span { padding: 0 14px 16px; color: #8d672e; font-size: 11px; }
@media(max-width:1250px) { .blog-compose { grid-template-columns: minmax(0,1fr); } .blog-compose-aside { grid-template-columns: repeat(2,minmax(0,1fr)); } .hero-slide-grid { grid-template-columns: minmax(0,1fr); } .hero-slide-media { grid-template-columns: repeat(2,minmax(0,1fr)); } .hero-slide-media > img { grid-column: 1 / -1; height: 240px; } }
@media(max-width:700px) { .hero-slide-card,.blog-compose .panel-card { padding: 18px; } .hero-slide-media,.blog-compose-aside,.post-related > div { grid-template-columns: minmax(0,1fr); } .hero-slide-header { align-items: start; } .hero-slide-header .content-editor-actions { gap: 6px; } .blog-list-tools { flex-direction: column; align-items: stretch; } .blog-list-tools > input { max-width: none; } .blog-list-tools label { justify-content: space-between; } .content-save-bar { padding: 18px; } }
[hidden] { display: none !important; }
.vehicle-reference-grid { padding: 18px; border: 1px solid #e8dfcf; border-radius: 12px; background: #faf8f3; }
.vehicle-reference-grid select { width: 100%; min-width: 0; text-overflow: ellipsis; }
#car-reference-status { margin: 12px 0; font-size: 12px; line-height: 1.7; }
#admin-car-form .fleet-product-form-card > .catalog-check { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; font-size: 12px; }
#admin-car-form .fleet-product-form-card > .catalog-check input { flex: 0 0 16px; width: 16px; height: 16px; margin: 0; }
.manufacturer-verification { margin-top: 18px; }
.manufacturer-verification > summary { color: #665334; cursor: pointer; font-size: 13px; padding: 12px 0; }
.manufacturer-assistant { padding: 20px; margin-top: 18px; border: 1px solid #e4dfd3; border-radius: 12px; background: #faf9f6; }
.manufacturer-heading { display: flex; align-items: flex-start; gap: 16px; justify-content: space-between; margin-bottom: 16px; }
.manufacturer-heading h4,.manufacturer-electric-fields h4 { margin: 0 0 6px; }
.manufacturer-heading p,.manufacturer-electric-fields > p { font-size: 12px; color: #68758a; line-height: 1.6; margin: 0; }
.manufacturer-assistant label { min-width: 0; }
.manufacturer-assistant select { width: 100%; text-overflow: ellipsis; }
.manufacturer-source-card { border-top: 1px solid #e3ded2; margin-top: 16px; padding-top: 16px; font-size: 12px; line-height: 1.7; }
.manufacturer-source-card p { margin: 10px 0; }
.manufacturer-source-card a,.manufacturer-generation a { color: #846026; text-decoration: underline; text-underline-offset: 3px; }
.manufacturer-source-card .catalog-check { display: flex; align-items: flex-start; gap: 10px; margin-block: 16px; }
.manufacturer-source-card .catalog-check input { width: 17px; min-width: 17px; height: 17px; margin-top: 2px; }
.manufacturer-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 16px; }
.manufacturer-facts span { background: white; border-radius: 8px; padding: 12px; }
.manufacturer-facts b { display: block; }
.manufacturer-electric-fields { border-top: 1px solid #e5e8ed; padding-top: 20px; margin-top: 20px; }
.manufacturer-electric-fields .admin-form-grid { margin-top: 16px; }
#manufacturer-directory { margin-bottom: 24px; }
#manufacturer-directory > label { display: grid; gap: 8px; max-width: 420px; font-size: 13px; }
.manufacturer-generation { margin-top: 24px; padding-top: 16px; border-top: 1px solid #e5e8ed; }
.manufacturer-generation h4 { margin: 0 0 12px; }
.manufacturer-generation h4 small { display: inline-block; color: #68758a; font-size: 12px; margin-left: 8px; }
.manufacturer-generation .table-wrap { margin-bottom: 12px; }
.manufacturer-generation table { min-width: 560px; }
.manufacturer-generation table:has(th:nth-child(5)) { min-width: 720px; }
.manufacturer-generation th,.manufacturer-generation td { white-space: normal; }
.manufacturer-public-source { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; border: 1px solid #e6dfd1; border-radius: 10px; padding: 16px; font-size: 12px; background: #fcfaf6; }
.manufacturer-public-source a { color: #89642b; text-decoration: underline; }
.manufacturer-public-source span { flex-basis: 100%; color: #718095; line-height: 1.6; }
.unit-technical-panel { display: grid; gap: 14px; padding: 22px; margin-top: 18px; border: 1px solid #e3ded1; background: #fcfaf6; border-radius: 12px; }
.unit-technical-panel > h4,.unit-technical-panel p { margin: 0; }
.unit-technical-panel p { color: #718095; font-size: 12px; line-height: 1.7; }
.unit-technical-panel label { display: grid; gap: 8px; min-width: 0; font-size: 13px; }
.unit-technical-panel :is(select,input:not([type=checkbox])) { width: 100%; min-width: 0; padding: 10px 12px; background: #fff; border: 1px solid #dce3ec; border-radius: 8px; font: inherit; text-overflow: ellipsis; color: #263c57; }
.unit-technical-panel .catalog-check { display: flex; align-items: start; }
.unit-technical-preview { display: grid; gap: 12px; font-size: 13px; overflow-wrap: anywhere; }
.unit-technical-preview a { color: #846026; }
.unit-form-message { color: #a73434; font-size: 13px; }
.unit-form-message:empty { display: none; }
.fleet-unit-detail-card .data-table td:nth-child(2) { white-space: normal; min-width: 220px; max-width: 320px; overflow-wrap: anywhere; }
.fleet-unit-editor-dialog { width: min(1080px,calc(100% - 32px)); max-height: 92dvh; overflow: auto; padding: 24px; border: 0; border-radius: 16px; }
.fleet-unit-editor-dialog::backdrop { background: #07111f80; backdrop-filter: blur(3px); }
.fleet-unit-editor-dialog > button { display: block; margin-left: auto; margin-bottom: 18px; }
#catalog-coverage { margin-bottom: 24px; }
.catalog-coverage-filters { display: flex; gap: 18px; margin: 20px 0; flex-wrap: wrap; }
.catalog-coverage-filters label { display: grid; gap: 8px; flex: 1; font-size: 12px; min-width: 180px; }
.catalog-coverage-filters select,.catalog-coverage-filters input { width: 100%; padding: 11px; border: 1px solid #dce3ec; border-radius: 8px; background: #fff; }
#catalog-coverage table { min-width: 780px; }
#catalog-coverage td { white-space: normal; line-height: 1.6; vertical-align: top; }
#catalog-coverage th:first-child { width: 40%; }
#catalog-coverage .catalog-pagination > div { display: flex; gap: 8px; }
@media(max-width:700px) { .unit-technical-panel { padding: 16px; } .fleet-unit-editor-dialog { padding: 16px; } .fleet-unit-editor-dialog .fleet-unit-form-grid { grid-template-columns: minmax(0,1fr); } }
@media(max-width:700px) { .manufacturer-heading { flex-direction: column; } .manufacturer-assistant { padding: 16px; } .manufacturer-facts { grid-template-columns: 1fr; } }

body.blog-page-mode:not(.admin-mode):not(.client-mode) main > section:not(#public-blog-view) { display: none !important; }
body.blog-page-mode #public-blog-view { min-height: 65vh; }
#public-blog-content > h1 { margin: 10px 0; font-size: clamp(34px,4vw,52px); line-height: 1.1; }
.blog-lead { color: #7d899b; font-size: 18px; line-height: 1.7; max-width: 760px; }
.public-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 36px; }
.public-blog-card { display: block; border: 1px solid #e5e8ed; border-radius: 16px; background: #fff; overflow: hidden; color: #152439; transition: transform .15s; }
.public-blog-card:hover { transform: translateY(-3px); }
.public-blog-card > img { width: 100%; aspect-ratio: 1.7; object-fit: cover; display: block; }
.public-blog-card > div:not(.blog-card-placeholder) { padding: 24px; }
body:not(.admin-mode):not(.client-mode) .public-blog-card h2 { font-size: 23px; margin: 0 0 12px; }
.public-blog-card p { font-size: 14px; color: #7d899b; line-height: 1.7; }
.public-blog-card span { color: #9b7435; font-size: 13px; font-weight: 600; }
.blog-card-placeholder { height: 180px; display: grid; place-items: center; background: #f5f0e6; }
.blog-card-placeholder svg { width: 52px; height: 52px; color: #b18b46; }
.public-blog-article { max-width: 800px; margin: 26px auto 36px; }
.public-blog-article h1 { margin: 12px 0 22px; font-size: clamp(30px,4vw,48px); line-height: 1.15; color: #112238; }
.public-blog-article > img { width: 100%; max-height: 460px; object-fit: cover; border-radius: 16px; margin: 18px 0; }
.blog-prose { color: #344055; line-height: 1.9; font-size: 16px; overflow-wrap: anywhere; }
.blog-prose p { margin: 0 0 22px; }
.blog-back { color: #9b7435; font-size: 14px; }
.public-blog-article + .btn { margin-left: max(0px,calc((100% - 800px)/2)); }

@media(max-width:1100px) {
  .catalog-primary-filters,.catalog-filter-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .catalog-budget-row > .catalog-price-filter { grid-column: span 2; }
  .content-editor-grid { grid-template-columns: minmax(0,1fr); }
  .content-preview-sticky { position: static; }
  .hero-editor-preview { display: grid; grid-template-columns: 1fr 1fr; }
  .hero-preview-visual > img { height: 240px; }
}
@media(max-width:700px) {
  .catalog-filter-bar { padding: 18px; border-radius: 13px; }
  .catalog-primary-filters,.catalog-filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 12px; }
  .catalog-budget-row > .catalog-price-filter { grid-column: auto; }
  .catalog-filter-heading { align-items: start; }
  .catalog-filter-heading strong { font-size: 16px; }
  .catalog-filter-heading span { font-size: 11px; }
  .catalog-equipment { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
  .catalog-more-filters > summary span { display: block; margin: 7px 0 0; font-size: 11px; }
  .catalog-filter-footer > label:nth-child(2) { margin-left: 0; }
  .catalog-filter-footer > .btn { width: 100%; }
  .marketplace-hero .hero-deal-image { height: 250px; }
  .marketplace-hero .hero-deal-content { padding: 20px; }
  .hero-editor-preview { display: block; }
  .public-blog-grid { grid-template-columns: minmax(0,1fr); }
  .content-editor-grid { gap: 18px; }
  .content-preview-dialog { padding: 16px; }
}

.fleet-list-filters { min-width: 0; margin: 18px 0; padding: 18px; border: 1px solid #e4e8ef; border-radius: 12px; background: #fafbfc; }
#admin-mileage-pricing{padding-top:18px;min-width:0}
.mileage-editor-head p,.mileage-editor-help{margin:0 0 18px;font-size:12px;line-height:1.7;color:#607084}
.mileage-editor-tabs{display:flex;gap:6px;padding:5px;margin-bottom:18px;border:1px solid #e3e7eb;border-radius:10px;background:#f5f7f9;width:fit-content;max-width:100%}
.mileage-editor-tabs button{padding:10px 16px;border:1px solid transparent;border-radius:7px;background:none;color:#607084;cursor:pointer;font:inherit;font-size:12px}
.mileage-editor-tabs button[aria-pressed=true]{background:#fff;border-color:#c5a565;color:#0b1726}
.mileage-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #e3e7eb;border-radius:10px}
#admin-mileage-pricing .mileage-price-table{width:100%;min-width:590px;border-collapse:collapse;table-layout:fixed}
#admin-mileage-pricing .mileage-price-table caption{text-align:left;padding:10px 14px;background:#fafbfc;color:#607084;font-size:11px}
#admin-mileage-pricing .mileage-price-table :is(th,td){padding:10px 8px;border-bottom:1px solid #e3e7eb;text-align:left;white-space:normal;font-size:12px}
#admin-mileage-pricing .mileage-price-table th{background:#f8f9fb;font-weight:500}
#admin-mileage-pricing .mileage-price-table th small{display:block;margin-top:4px;font-size:10px;font-weight:400;color:#607084}
#admin-mileage-pricing .mileage-price-table input{width:100%;min-width:0;height:40px;padding:8px;border:1px solid #dce2e9;border-radius:7px;background:#fff;font:inherit}
#admin-mileage-pricing :is(input,button,.mileage-table-scroll):focus-visible{outline:2px solid #9f7a35;outline-offset:2px}
#mileage-pricing-error{margin:14px 0 0;color:#ac2929;font-size:12px;line-height:1.6}
#mileage-pricing-error:empty{display:none}
.fleet-list-primary,.fleet-list-advanced { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; align-items: end; }
.fleet-list-query { grid-column: span 2; }
.fleet-list-filters label { display: grid; gap: 7px; min-width: 0; font-size: 12px; color: #435169; }
.fleet-list-filters :is(input,select),.fleet-list-pagination :is(input,select) { min-width: 0; width: 100%; height: 40px; padding: 9px 10px; border: 1px solid #dce3ec; border-radius: 8px; background: #fff; color: #16273e; font: inherit; font-size: 13px; }
.fleet-list-filters .btn { min-height: 40px; }
.fleet-list-filters details { margin-top: 16px; border-top: 1px solid #e4e8ef; padding-top: 14px; }
.fleet-list-filters summary { cursor: pointer; font-size: 13px; font-weight: 600; color: #34465e; }
.fleet-catalog-extra { grid-column: 1 / -1; border-top: 1px solid #e4e8ef; padding-top: 14px; }
.fleet-catalog-extra summary { cursor: pointer; font-size: 13px; font-weight: 600; }
.fleet-catalog-extra :is(select,input),.catalog-pagination input { width: 100%; min-width: 0; height: 40px; padding: 9px; border: 1px solid #dce3ec; background: #fff; border-radius: 8px; font: inherit; font-size: 13px; }
.fleet-catalog-extra label { display: grid; min-width: 0; gap: 7px; color: #435169; font-size: 12px; }
.catalog-pagination > label { display: flex; gap: 8px; align-items: center; font-size: 12px; }
.catalog-pagination > label input { width: 76px; }
.fleet-list-advanced { margin-top: 16px; }
.fleet-list-advanced fieldset { min-width: 0; border: 0; padding: 0; margin: 0; }
.fleet-list-advanced legend { color: #435169; font-size: 12px; margin-bottom: 7px; }
.fleet-list-advanced fieldset > div { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 5px; }
.fleet-list-message { font-size: 12px; color: #596b81; margin: 14px 0 0; }
.fleet-list-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.fleet-list-chips:empty { display: none; }
.fleet-list-chips button { display: inline-flex; align-items: center; gap: 10px; max-width: 100%; overflow-wrap: anywhere; border: 1px solid #e2d6bf; border-radius: 7px; padding: 7px 10px; background: #fffaf0; color: #705326; font: inherit; font-size: 12px; cursor: pointer; }
.fleet-list-pagination { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 16px 0 8px; font-size: 12px; color: #596b81; }
.fleet-list-pagination > label,.fleet-list-pagination > div,.fleet-list-pagination > div > label { display: flex; align-items: center; gap: 8px; }
.fleet-list-pagination > label { margin-left: auto; }
.fleet-list-pagination select { width: 76px; }
.fleet-list-pagination input { width: 68px; }
.fleet-list-pagination .btn { min-width: 40px; padding: 8px 12px; }
.fleet-list-empty { grid-column: 1 / -1; text-align: center; padding: 30px 16px !important; color: #64758a; }
.fleet-list-filters :is(input,select,button,summary):focus-visible,.fleet-list-pagination :is(input,select,button):focus-visible { outline: 2px solid #ad8134; outline-offset: 3px; }
.fleet-directory-toolbar:has(> input[hidden]) { justify-content: flex-end; }
.fleet-unit-global-search { margin-bottom: 20px; }
.fleet-unit-global-search > summary { font-size: 15px; font-weight: 600; cursor: pointer; }
.fleet-unit-global-search form { display: flex; gap: 10px; margin: 16px 0; }
.fleet-unit-global-search form input { flex: 1; min-width: 0; padding: 11px; border: 1px solid #dce3ec; border-radius: 8px; }
@media(max-width:1100px) { .fleet-list-primary,.fleet-list-advanced { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) {
  .fleet-list-filters { padding: 14px; }
  .fleet-list-primary,.fleet-list-advanced { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .fleet-list-pagination > label { margin-left: 0; }
  .fleet-list-pagination > div { width: 100%; justify-content: space-between; }
  .fleet-unit-global-search form { flex-wrap: wrap; }
}
@media(max-width:359px) { .fleet-list-primary,.fleet-list-advanced { grid-template-columns: minmax(0,1fr); } .fleet-list-query { grid-column: auto; } }