/* Shared page, customer and staff interface system. */
body[data-ui-page]:not([data-ui-page=home]) #app{background:#f7f9fb}body[data-ui-page] #app>.pagetitle{padding:35px var(--premium-space) 28px;background:#fff;border-bottom:1px solid #e7edf1}body[data-ui-page] .pagetitle>.eyebrow{display:none}.ui-page-heading{display:flex;align-items:center;gap:9px;font-size:11px;color:#607785;margin-bottom:20px}.ui-page-heading>a{color:#22698e}.ui-page-symbol{display:grid;place-items:center;width:37px;height:37px;background:#edf5fa;border:1px solid #e2ecf3;border-radius:12px;color:#1673a8;margin-inline-end:5px}.ui-page-symbol .model-icon{width:20px;height:20px}.pagetitle h1{margin:18px 0 13px}.pagetitle>p{font-size:14px;max-width:750px;margin:0;line-height:1.85}body[data-ui-page] #app>.section{padding-top:40px;padding-bottom:60px}.ui-catalog{min-height:70vh}.ui-filter-panel{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:18px;background:white;border:1px solid #e0e8ee;border-radius:20px;padding:24px;align-items:end;box-shadow:0 4px 18px #14344704}.ui-filter-panel label{font-size:12px;color:#526c7d;min-width:0}.ui-filter-panel input,.ui-filter-panel select{width:100%;font-size:13px;min-height:48px;background:#fbfcfd;margin-top:8px;border-color:#d8e2e9;overflow:hidden;text-overflow:ellipsis}.ui-filter-panel .ui-reset{display:flex;gap:8px;align-items:center;justify-content:center;min-height:48px;border-radius:12px;border-color:#dbe4ea;color:#4f7083;font-size:12px;white-space:nowrap;padding-inline:16px}.ui-reset .model-icon{width:17px}.ui-search-input{position:relative}.ui-search-input>.model-icon{position:absolute;inset-inline-start:13px;top:14px;width:20px;color:#7c909d}.ui-search-input input{padding-inline-start:43px}.ui-results-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 22px}.ui-results-head>p{font-size:12px;color:#637b8c;margin:0;scroll-margin-top:125px}.ui-results-head .solid{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;font-size:12px;border-radius:999px}.ui-results-head .model-icon{width:18px}.ui-results-head h2{font-size:25px;margin:0}.ui-results-head label{font-size:11px}.ui-results-head select{width:190px;font-size:12px;min-height:42px}.ui-service-card,.ui-part-card{border:1px solid #e1e8ed;border-radius:20px;background:white;display:flex;flex-direction:column;padding:26px;box-shadow:0 2px 7px #14344703;min-width:0;transition:border-color .2s,box-shadow .2s}.ui-service-card:hover,.ui-part-card:hover{border-color:#b0cbdc;box-shadow:0 8px 25px #14344708}.ui-card-eyebrow{display:flex;gap:10px;align-items:center;color:#56798e;font-size:11px;letter-spacing:.02em}.ui-card-eyebrow>.model-icon{width:32px;height:32px;padding:6px;background:#eff6fa;border-radius:10px;color:#207baa;flex:none}.ui-service-card h3,.ui-part-card h3{font-size:22px;line-height:1.6;font-weight:500;margin:22px 0 15px;overflow-wrap:anywhere}.ui-chips{display:flex;gap:7px;flex-wrap:wrap}.ui-chips>span{font-size:11px;color:#526d7e;background:#f0f4f7;border:1px solid #e4ebf0;border-radius:6px;padding:4px 9px}.ui-card-note{font-size:11px!important;color:#6b8090!important;line-height:1.85!important;margin:15px 0}.ui-card-bottom{margin-top:auto;padding-top:20px}.ui-card-bottom .solid{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font-size:12px;border-radius:10px;margin-top:18px;padding:12px 15px}.ui-card-bottom .solid>.model-icon{width:18px}.ui-card-bottom .part-price{display:flex;flex-direction:column;gap:5px;border-top:1px solid #edf1f4;padding-top:17px;margin-top:10px}.ui-card-bottom .part-price b{font-size:26px;font-weight:500;line-height:1.5;color:#173d56}.ui-card-bottom .part-price b small{font-size:12px;display:inline;color:#536f80}.ui-card-bottom .part-price>span{font-size:10px;color:#6a8190}.ui-part-card .sku{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:#f6f8fa;border:1px solid #e5ebf0;padding:9px 12px;border-radius:8px;overflow-wrap:anywhere;color:#385a6f;margin:0 0 12px}.ui-fitment{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#586f80;line-height:1.8}.ui-fitment .model-icon{width:17px;height:17px;margin-top:3px}.ui-stock{font-size:11px;color:#527862}.ui-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:32px 0 8px}.ui-pagination button{border-radius:10px;background:white;font-size:12px;min-width:95px;min-height:44px}.ui-pagination span{font-size:12px;color:#597385}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.ui-information{display:flex;gap:14px;align-items:flex-start;border:1px solid #dbe8f0;background:#eef6fb;border-radius:16px;padding:20px 24px;margin-top:32px;color:#3c667e}.ui-information>.model-icon{width:24px;height:24px;flex:none}.ui-information p{font-size:12px;margin:0;line-height:1.85}.ui-empty,.empty{grid-column:1/-1;background:white;border:1px dashed #cddce6;border-radius:20px;padding:60px 28px;text-align:center;color:#647f90;min-width:0}.ui-empty>.model-icon,.empty>.model-icon{width:50px;height:50px;padding:11px;border-radius:16px;background:#eef5fa;color:#3487b5;margin-bottom:10px}.empty>.model-icon{display:block;margin:0 auto 18px}.ui-empty h3{font-size:24px;color:#294b62;font-weight:500;margin:15px 0 10px}.ui-empty p{font-size:13px;max-width:560px;margin:0 auto 24px;line-height:1.9}.ui-empty .links{justify-content:center}.ui-empty .links a,.ui-empty .links button{border-radius:999px;background:#f2f7fa;color:#27678d;font-size:12px;min-height:44px}.ui-account-welcome{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px}.ui-account-welcome>div{padding:35px}.ui-account-welcome>div>.model-icon{width:64px;height:64px;background:#e6f2fa;padding:17px;border-radius:20px;color:#247aa9;margin-bottom:25px}.ui-account-welcome h2{font-size:34px;font-weight:500}.ui-account-welcome p{font-size:14px;color:#617a8b;max-width:460px}.ui-account-welcome img{width:100%;height:490px;object-fit:cover;border-radius:26px}.ui-account-welcome .solid{display:inline-flex;border-radius:999px;padding:15px 25px;margin-top:15px}.ui-login-benefits{display:flex;flex-direction:column;gap:14px;margin-top:35px}.ui-login-benefits span{display:flex;align-items:center;gap:10px;font-size:12px;color:#5f7c8f}.ui-login-benefits .model-icon{width:18px;height:18px}.ui-account-profile{display:flex;align-items:center;gap:20px;padding:25px;background:white;border:1px solid #e2eaf0;border-radius:20px}.ui-avatar{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:20px;color:#1c79ae;background:#eaf5fc}.ui-avatar .model-icon{width:30px;height:30px}.ui-account-profile h2{font-size:23px;margin:0 0 5px;font-weight:500}.ui-account-profile p{font-size:12px;color:#617b8d;margin:0}.ui-account-profile .links{margin-inline-start:auto}.ui-account-profile .links a{display:flex;align-items:center;gap:8px;border-radius:10px;font-size:11px;background:#f5f8fa}.ui-account-profile .links .model-icon{width:16px}.ui-account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 40px}.ui-account-stats article{display:grid;grid-template-columns:auto 1fr;gap:7px 18px;background:white;border:1px solid #e1e9ef;border-radius:18px;padding:24px}.ui-account-stats .model-icon{grid-row:1/3;align-self:center;width:36px;height:36px;color:#3f8bb6;background:#edf6fb;padding:8px;border-radius:10px}.ui-account-stats b{font-size:28px;font-weight:500}.ui-account-stats span{font-size:12px;color:#657f90}.ui-request-item{padding:0;background:white;border:1px solid #dce7ef;border-radius:16px;margin-bottom:14px;overflow:hidden}.ui-request-item>summary{display:flex;align-items:center;gap:16px;padding:22px;list-style:none}.ui-request-item>summary::-webkit-details-marker{display:none}.ui-request-symbol{display:grid;place-items:center;background:#f0f6fa;border-radius:11px;width:43px;height:43px;color:#317da7;flex:none}.ui-request-symbol .model-icon{width:22px;height:22px}.ui-request-item strong{font-size:15px;font-weight:500;display:block}.ui-request-item summary small{display:block;font-size:11px;color:#78909f;margin-top:5px}.ui-request-item .badge{margin-inline-start:auto}.badge{border-radius:999px;padding:6px 12px;font-size:11px;background:#edf5fb;color:#216b98;white-space:nowrap}.badge[data-status=booked],.badge[data-status=won]{background:#e6f3ed;color:#286b4d}.badge[data-status=cancelled],.badge[data-status=lost]{background:#f0f2f4;color:#677b87}.badge[data-status=contacted]{background:#fff4df;color:#8f6726}.ui-detail-arrow{font-size:20px;color:#6b8697}.ui-request-item[open] .ui-detail-arrow{transform:rotate(180deg)}.ui-request-detail{padding:22px 28px;border-top:1px solid #e7edf2;background:#fbfcfd}.ui-request-detail>p{font-size:12px;color:#526f82}.ui-reference b{font-family:ui-monospace,monospace;overflow-wrap:anywhere;font-size:11px}.ui-request-detail dl{margin:20px 0}.ui-request-detail dl>div{display:grid;grid-template-columns:170px 1fr;gap:15px;border-top:1px solid #e6edf2;padding:12px 0;font-size:12px}.ui-request-detail dt{color:#758b9b}.ui-request-detail dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.ui-cancel{color:#9d4f4f;border-color:#e9d5d5;background:#fff8f8;border-radius:9px;font-size:12px;padding:10px 18px}.ui-admin-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;align-items:start;padding:35px 4vw 60px!important;max-width:1650px;margin:auto}.ui-admin-workspace .admin-tabs{position:sticky;top:112px;display:flex;flex-direction:column;gap:5px;padding:17px 12px;border:1px solid #dfe8ef;background:white;border-radius:18px;margin:0;max-height:calc(100svh - 135px);overflow:auto;min-width:0}.ui-admin-nav-heading{padding:6px 12px 17px;font-size:12px;color:#204d69;font-weight:500}.ui-admin-nav-heading small{display:block;font-size:10px;color:#8395a1;margin-top:5px;font-weight:400}.ui-admin-workspace .admin-tabs button,.ui-admin-workspace .admin-tabs>a{display:flex;gap:11px;align-items:center;justify-content:flex-start;border:0;border-radius:10px;background:transparent;color:#607c8e;padding:12px 13px;font-size:12px;white-space:nowrap;min-height:44px;flex:none}.ui-admin-workspace .admin-tabs .model-icon{width:19px;height:19px}.ui-admin-workspace .admin-tabs button.solid{background:#e7f3fb;color:#0872ad;font-weight:500}.ui-admin-workspace .admin-tabs button:hover{background:#f0f6fa}.ui-admin-workspace #admin-content{min-width:0;background:white;padding:28px;border:1px solid #dfe8ef;border-radius:20px;min-height:360px;box-shadow:0 4px 20px #24455703}.ui-admin-workspace #admin-feedback{grid-column:2;font-size:12px;margin:0}.ui-admin-workspace h2{font-size:25px;margin-bottom:20px}.ui-admin-workspace p{font-size:12px;color:#60798a}.ui-admin-workspace table{font-size:12px}.ui-admin-workspace table th{background:#f2f6f9;color:#5f7c8e;font-weight:500;padding:14px}.ui-admin-workspace table td{padding:14px;border-color:#e9eff3}.ui-admin-workspace .tablewrap{overflow:auto;border:1px solid #e4ecf2;border-radius:12px;margin-top:22px}.ui-admin-workspace .fields{gap:20px;margin:20px 0}.ui-admin-workspace label{font-size:12px;color:#496a80}.ui-admin-workspace input,.ui-admin-workspace select,.ui-admin-workspace textarea{font-size:12px;background:#fcfdfe}.ui-admin-workspace button,.ui-admin-workspace .links a{font-size:12px;border-radius:9px}.ui-admin-workspace .feature{padding:25px;background:#fafcfd}.ui-admin-workspace .links a{padding:10px 14px}.upload-box{background:#edf5fb;border:1px dashed #b8d3e4;border-radius:14px;padding:20px;margin:25px 0}.upload-box input[type=file]{background:white;padding:12px;font-size:11px}.ui-admin-workspace .admin-request{background:#fafcfd;border:1px solid #e0e9ef;padding:18px;margin:14px 0}.ui-admin-workspace .admin-request>summary{font-size:12px;font-weight:500}.notice{border-radius:12px;font-size:12px;line-height:1.9}.notice.error{background:#fff2f2;border-color:#bd5d5d;color:#9e4747}.ui-success{color:#247752!important;background:#edf9f3;padding:12px 16px;border-radius:10px}.ui-saving:before,.ui-loading:before{content:'';display:inline-block;width:17px;height:17px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;margin-inline-end:10px;vertical-align:middle;animation:ui-spin .8s linear infinite}.ui-loading{min-height:250px;font-size:14px;color:#5a7b91}.ui-request-form{margin-top:25px}.ui-request-form .fields{gap:20px}.ui-request-form label{font-size:12px;color:#4b6c80}.ui-request-form input,.ui-request-form select,.ui-request-form textarea{font-size:14px;background:#fbfcfd}.ui-request-form>button[type=submit]{border-radius:999px;padding:14px 26px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px}.ui-request-form .consent{font-size:11px;line-height:1.9;background:#f2f6f9;border-radius:12px;padding:16px;margin-top:20px}.ui-request-form p{font-size:12px;color:#6b8293}.ui-offer-card{border-radius:22px;background:white;border:1px solid #dfe8ee;overflow:hidden}.ui-offer-card>img{width:100%;height:240px;object-fit:cover}.ui-offer-card>div{padding:27px}.ui-offer-card h2{font-size:27px;line-height:1.5;margin-top:22px}.ui-offer-card p{font-size:13px;color:#607a8d}.ui-offer-card details{font-size:12px;border-color:#e4ecf2}.ui-offer-card .ui-offer-date{display:flex;align-items:center;gap:8px;font-size:11px}.ui-offer-date .model-icon{width:16px}.ui-offer-card .solid{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:22px;font-size:12px}.ui-offers .ui-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}body[data-ui-page=about] .about-intro{background:white}body[data-ui-page=about] .about-cover,body[data-ui-page=about] .company-gallery img,body[data-ui-page=gallery] .photo-grid img{border-radius:22px}body[data-ui-page=about] .reading{font-size:14px;color:#536f80}body[data-ui-page=about] .values article{background:white;border:1px solid #e1e9ef;border-radius:18px;padding:28px}body[data-ui-page=locations] .branch-card{border-radius:22px;overflow:hidden;border:1px solid #dfe8ef;background:white}body[data-ui-page=locations] .branch-info h2{font-size:29px}body[data-ui-page=locations] .branch-info p{font-size:13px;color:#6b8293}body[data-ui-page=locations] iframe{border:0}body[data-ui-page=contact] .contact-card{background:white;border-color:#e1e9ef;box-shadow:0 3px 10px #14344703}body[data-ui-page=contact] .contact-card .phone-links a{border-radius:10px;font-size:12px}body[data-ui-page=contact] .email-band{border-radius:20px;background:#eaf3f9;padding:26px;border:1px solid #d4e7f3}body[data-ui-page=contact] .email-band h3{font-size:26px}body[data-ui-page=privacy] .reading,body[data-ui-page=warranty] .reading{background:white;border:1px solid #e1e9ef;border-radius:20px;font-size:14px;line-height:2}body[data-ui-page=ownership] .feature{background:white;border-color:#e0e9f0;transition:border-color .2s}body[data-ui-page=ownership] .feature:hover{border-color:#9bbfd6}body[data-ui-page=finance] .split>div,body[data-ui-page=quote] #app>.section,body[data-ui-page=test-drive] #app>.section{background:#fff;border-radius:20px}body[data-ui-page=compare] .comparison-grid .feature{background:white;border-color:#dfe9f0}body[data-ui-page=compare] .comparison-grid .feature>h3{font-weight:500}body[data-ui-page=compare] .detailimg{border-radius:16px;background:#f4f7f9}body[data-ui-page=news] .feature{background:white}footer .model-icon{width:18px;height:18px}@keyframes ui-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.ui-filter-panel{grid-template-columns:1fr 1fr;gap:16px}.ui-filter-panel .ui-reset{max-width:180px;justify-self:start}.ui-admin-workspace{grid-template-columns:180px minmax(0,1fr);gap:18px;padding-inline:22px!important}.ui-admin-workspace .admin-tabs{padding:12px 8px}.ui-admin-workspace .admin-tabs button{font-size:11px;gap:8px}.ui-admin-workspace #admin-content{padding:22px}.ui-account-welcome{gap:25px}.ui-account-welcome>div{padding:10px}.ui-account-welcome h2{font-size:29px}.ui-account-stats article{padding:18px;gap:7px 12px}}
@media(max-width:650px){body[data-ui-page] #app>.pagetitle{padding:25px 22px 26px}.pagetitle h1{font-size:32px!important;line-height:1.4}.pagetitle>p{font-size:12px}.ui-page-heading{font-size:10px;gap:7px}.ui-page-heading>span:last-child{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-page-symbol{width:32px;height:32px;border-radius:10px}.ui-page-symbol .model-icon{width:18px}.ui-filter-panel{padding:18px;border-radius:17px;gap:15px 12px}.ui-filter-panel label{font-size:11px}.ui-filter-panel input,.ui-filter-panel select{font-size:12px;min-height:46px}.ui-filter-panel .ui-search-label{grid-column:1/-1}.ui-filter-panel .ui-reset{max-width:none;min-height:44px;width:100%;font-size:11px}.ui-results-head{gap:12px;margin-top:22px}.ui-results-head .solid{font-size:10px;padding:11px 15px;gap:6px}.ui-results-head .solid .model-icon{width:16px}.ui-results-head>p{font-size:10px}.ui-service-grid{gap:16px}.ui-service-card,.ui-part-card{padding:23px}.ui-service-card h3,.ui-part-card h3{font-size:23px;margin-top:18px}.ui-card-bottom .part-price b{font-size:27px}.ui-information{padding:18px;gap:11px}.ui-information p{font-size:11px}.ui-information .model-icon{width:21px}.ui-empty{padding:45px 22px}.ui-empty h3{font-size:22px}.ui-empty p{font-size:12px}.ui-account-welcome{grid-template-columns:1fr;gap:35px}.ui-account-welcome>div{padding:0}.ui-account-welcome img{height:250px}.ui-account-welcome h2{font-size:29px}.ui-account-welcome p{font-size:13px}.ui-account-profile{padding:20px;gap:13px;flex-wrap:wrap}.ui-avatar{width:48px;height:48px;border-radius:14px}.ui-account-profile h2{font-size:19px}.ui-account-profile p{font-size:10px}.ui-account-profile .links{margin-inline-start:0;width:100%;margin-top:5px}.ui-account-profile .links a{font-size:11px}.ui-account-stats{gap:10px;margin:18px 0 28px}.ui-account-stats article{display:flex;flex-direction:column;gap:7px;align-items:center;padding:16px 7px;text-align:center;border-radius:14px}.ui-account-stats .model-icon{align-self:center;width:30px;height:30px;padding:6px}.ui-account-stats b{font-size:24px}.ui-account-stats span{font-size:9px;line-height:1.6}.ui-results-head h2{font-size:22px}.ui-results-head label{font-size:10px}.ui-results-head select{width:135px;font-size:11px}.ui-request-item>summary{padding:16px;gap:10px}.ui-request-symbol{width:33px;height:33px;border-radius:9px}.ui-request-symbol .model-icon{width:18px}.ui-request-item strong{font-size:13px}.ui-request-item summary small{font-size:9px}.ui-request-item .badge{font-size:9px;padding:5px 8px}.ui-request-detail{padding:18px}.ui-request-detail dl>div{grid-template-columns:1fr;gap:7px;font-size:11px}.ui-reference b{font-size:10px}.ui-admin-workspace{display:block;padding:15px 15px 45px!important}.ui-admin-workspace .admin-tabs{position:sticky;top:90px;z-index:12;flex-direction:row;overflow-x:auto;gap:5px;margin:0 -4px 20px;padding:9px;max-height:none;box-shadow:0 8px 20px #193b4f08;background:#fff}.ui-admin-nav-heading{display:none}.ui-admin-workspace .admin-tabs button,.ui-admin-workspace .admin-tabs>a{font-size:11px;padding:10px 13px;gap:7px}.ui-admin-workspace .admin-tabs .model-icon{width:17px}.ui-admin-workspace #admin-content{padding:20px 16px;border-radius:17px}.ui-admin-workspace h2{font-size:23px}.ui-admin-workspace .fields{grid-template-columns:1fr;gap:17px}.ui-admin-workspace .feature{padding:18px 14px}.ui-admin-workspace table{min-width:480px;font-size:11px}.ui-admin-workspace table th,.ui-admin-workspace table td{padding:12px}.ui-admin-workspace .sectionhead{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.ui-admin-workspace .toolbar{gap:12px}.ui-admin-workspace .toolbar input,.ui-admin-workspace .toolbar select{max-width:none;width:100%}.ui-admin-workspace .links a{font-size:10px}.ui-admin-workspace input[type=file]{max-width:100%;font-size:10px}.ui-admin-workspace .upload-box{padding:16px}.ui-request-form input,.ui-request-form select,.ui-request-form textarea{font-size:16px}.ui-offer-card>div{padding:24px}.ui-offer-card h2{font-size:25px}body[data-ui-page=contact] .email-band{padding:20px}body[data-ui-page=contact] .email-band>a{font-size:12px;overflow-wrap:anywhere}body[data-ui-page=contact] .contact-card{padding:28px}body[data-ui-page=locations] .branch-info h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.ui-service-card,.ui-part-card{transition:none}.ui-saving:before,.ui-loading:before{animation:none}}
.ui-surface-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #dbeaf4;background:#eef7fc;border-radius:13px;color:#297da9;margin-bottom:22px}.ui-surface-icon>.model-icon{width:23px;height:23px}.contact-card>.ui-surface-icon{float:inline-end;margin:0 0 12px}.branch-info>.ui-surface-icon{margin-bottom:20px}.values article>.ui-surface-icon{margin-bottom:18px}.photo-grid img{transition:filter .2s}.photo-grid img:hover{filter:brightness(.96)}@media(prefers-reduced-motion:reduce){.photo-grid img{transition:none}}
.ui-admin-workspace .admin-tabs{flex-wrap:nowrap;overflow-x:hidden;overflow-y:auto}@media(max-width:650px){.ui-admin-workspace .admin-tabs{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}}