[data-mytitan-catalog] { --mtc-blue: #123f66; --mtc-blue-dark: #082a47; --mtc-red: #ce2525; --mtc-gold: #f2b827; --mtc-line: #b7b7b7; color: #333; font: 13px/1.5 Arial, Helvetica, sans-serif; }
[data-mytitan-catalog]:not([data-catalog-ready]) { min-height: 992px; }
[data-mytitan-catalog][data-mode="featured"]:not([data-catalog-ready]) { min-height: 471px; }
[data-mytitan-catalog] *, [data-mytitan-catalog] *::before, [data-mytitan-catalog] *::after { box-sizing: border-box; }
[data-mytitan-catalog] [hidden] { display: none !important; }
[data-mytitan-catalog] button, [data-mytitan-catalog] input, [data-mytitan-catalog] select, [data-mytitan-catalog] textarea { font: inherit; }
[data-mytitan-catalog] :focus-visible { outline: 3px solid var(--mtc-gold); outline-offset: 2px; }
.mtc-loading, .mtc-load-error { margin: 0; border: 1px solid var(--mtc-line); padding: 20px; background: #f4f4f4; }
.mtc-load-error { border-left: 5px solid var(--mtc-red); color: #811; }
.mtc-load-error p { margin-bottom: 0; }
.mtc-toolbar { display: grid; grid-template-columns: 1.5fr 1fr 1fr auto; gap: 11px; align-items: end; border: 1px solid #aaa; border-top: 5px solid var(--mtc-red); padding: 16px; background: linear-gradient(#fafafa, #e7e7e7); }
.mtc-toolbar label { display: grid; gap: 4px; color: #444; font-size: 11px; font-weight: bold; }
.mtc-toolbar input, .mtc-toolbar select { width: 100%; min-width: 0; height: 39px; border: 1px solid #888; border-radius: 0; padding: 7px; background: #fff; }
.mtc-toolbar button { height: 39px; border: 1px solid #888; padding: 7px 13px; background: linear-gradient(#fff, #ddd); font-weight: bold; cursor: pointer; }
.mtc-result-bar { display: flex; justify-content: space-between; gap: 18px; padding: 10px 2px; border-bottom: 1px solid #ccc; color: #666; font-size: 11px; }
.mtc-result-bar strong { color: var(--mtc-blue-dark); }
.mtc-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding-top: 18px; }
.mtc-card { min-width: 0; display: flex; flex-direction: column; border: 1px solid #aaa; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.mtc-card > img { width: 100%; height: 145px; object-fit: cover; border-bottom: 1px solid #aaa; }
.mtc-card-body { flex: 1; display: flex; flex-direction: column; padding: 12px; }
.mtc-category { margin: 0 0 4px; color: var(--mtc-red); font-size: 9px; font-weight: bold; text-transform: uppercase; }
.mtc-card h3 { min-height: 40px; margin: 0 0 4px; color: var(--mtc-blue-dark); font: bold 18px/1.1 Georgia, 'Times New Roman', serif; }
.mtc-sku { margin: 0 0 9px; color: #777; font-size: 10px; }
.mtc-description { margin: 0 0 10px; color: #555; }
.mtc-fitment { margin: auto 0 11px; border-top: 1px dotted #aaa; padding-top: 8px; color: #6d5c2a; font-size: 10px; }
.mtc-card-footer { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: center; }
.mtc-price { color: #222; font-size: 18px; }
.mtc-card-footer button, .mtc-submit, .mtc-confirmation a { border: 1px solid #7b1111; padding: 8px 10px; color: #fff; background: linear-gradient(#e33e3e, #a81717); text-decoration: none; font-weight: bold; cursor: pointer; }
.mtc-empty { margin-top: 18px; border: 1px solid #c9ae65; padding: 18px; background: #fff7db; text-align: center; }
.mtc-empty p { margin-bottom: 0; }
.mtc-pagination { display: flex; align-items: center; justify-content: center; gap: 13px; margin-top: 22px; border-top: 1px solid #aaa; padding-top: 17px; }
.mtc-pagination button { min-height: 37px; border: 1px solid #7b1111; border-radius: 0; padding: 8px 13px; color: #fff; background: linear-gradient(#df4141, #aa1717); font-weight: bold; }
.mtc-pagination button:disabled { color: #777; border-color: #aaa; background: #ddd; cursor: default; }
.mtc-pagination span { min-width: 92px; color: #123f66; text-align: center; font-weight: bold; }
.mtc-inquiry { position: relative; margin-top: 28px; border: 1px solid #999; border-top: 6px solid var(--mtc-red); padding: 24px; background: #f2f2f2; }
.mtc-close { position: absolute; top: 8px; right: 8px; width: 33px; height: 33px; border: 1px solid #888; padding: 0; background: #fff; font-size: 24px; cursor: pointer; }
.mtc-kicker { margin: 0 0 4px; color: var(--mtc-red); font-size: 9px; font-weight: bold; text-transform: uppercase; }
.mtc-inquiry > h3, .mtc-confirmation h3 { margin: 0 45px 5px 0; color: var(--mtc-blue-dark); font: bold 25px/1.1 Georgia, 'Times New Roman', serif; }
.mtc-inquiry > p:not(.mtc-kicker) { margin: 0; color: #555; font-weight: bold; }
.mtc-inquiry form { max-width: 720px; display: grid; gap: 12px; margin-top: 18px; }
.mtc-inquiry label { display: grid; gap: 4px; color: #444; font-size: 11px; font-weight: bold; }
.mtc-inquiry label > span { color: #900; }
.mtc-inquiry input, .mtc-inquiry textarea { width: 100%; min-width: 0; border: 1px solid #888; border-radius: 0; padding: 8px; background: #fff; }
.mtc-field-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.mtc-inquiry fieldset { display: grid; gap: 10px; margin: 0; border: 1px solid #aebdca; padding: 13px; background: #e9f1f8; }
.mtc-inquiry legend { padding: 0 6px; color: var(--mtc-blue-dark); font-weight: bold; }
.mtc-vehicle-fields { display: grid; grid-template-columns: .6fr 1fr 1fr; gap: 10px; }
.mtc-review { grid-template-columns: 19px 1fr !important; align-items: start; font-weight: normal !important; }
.mtc-review input { width: 16px; height: 16px; margin: 1px 0 0; }
.mtc-review span { color: #444 !important; }
.mtc-error { margin: 0; border-left: 4px solid #900; padding: 8px; color: #800; background: #fff0f0; font-weight: bold; }
.mtc-confirmation { padding-top: 18px; }
.mtc-confirmation a { display: inline-block; margin: 7px 8px 7px 0; background: linear-gradient(#376b96, var(--mtc-blue)); }
.mtc-confirmation button { border: 1px solid #888; padding: 8px 10px; background: #fff; font-weight: bold; cursor: pointer; }
[data-mytitan-catalog][data-mode="featured"] .mtc-grid { padding-top: 0; }
@media (min-width: 901px) and (max-width: 999px) { [data-mytitan-catalog]:not([data-catalog-ready]) { min-height: calc(1748px - 75.7vw); } [data-mytitan-catalog][data-mode="featured"]:not([data-catalog-ready]) { min-height: 525px; } }
@media (min-width: 1000px) and (max-width: 1039px) { [data-mytitan-catalog][data-mode="featured"]:not([data-catalog-ready]) { min-height: 510px; } }
@media (max-width: 900px) { [data-mytitan-catalog]:not([data-catalog-ready]) { min-height: calc(2142px - 34.9vw); } [data-mytitan-catalog][data-mode="featured"]:not([data-catalog-ready]) { min-height: 810px; } .mtc-toolbar { grid-template-columns: 1fr 1fr; } .mtc-search { grid-column: 1 / -1; } .mtc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { [data-mytitan-catalog]:not([data-catalog-ready]) { min-height: calc(4333px - 98.8vw); } [data-mytitan-catalog][data-mode="featured"]:not([data-catalog-ready]) { min-height: calc(1909px - 34.7vw); } .mtc-toolbar { grid-template-columns: 1fr; padding: 12px; } .mtc-search { grid-column: 1; } .mtc-toolbar button { width: 100%; } .mtc-result-bar { display: grid; gap: 3px; } .mtc-grid { grid-template-columns: 1fr; } .mtc-card > img { height: 220px; } .mtc-card h3 { min-height: 0; } .mtc-inquiry { padding: 21px 13px; } .mtc-field-pair, .mtc-vehicle-fields { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { [data-mytitan-catalog] * { scroll-behavior: auto !important; } }