/* Deep Blue Car PPF - alternative themes, default stays untouched. */
:root{--db88-accent:#67bfff}
html[data-db88-theme="frost"]{--db88-body:#edf3f9;--db88-surface:#fff;--db88-card:#f8fbfe;--db88-text:#142a3e;--db88-muted:#415d70;--db88-line:#c8d9e8;--db88-accent:#177ba9;--db88-header:#182d41;--db88-headertext:#f0f8ff;--db88-shadow:rgba(19,55,82,.11)}
html[data-db88-theme="copper"]{--db88-body:#1a2026;--db88-surface:#28323a;--db88-card:#303b44;--db88-text:#f5f0e8;--db88-muted:#d0c4b6;--db88-line:#68727a;--db88-accent:#e9b778;--db88-header:#1b252e;--db88-headertext:#fff5e9;--db88-shadow:rgba(5,8,11,.18)}
html[data-db88-theme="frost"] body,html[data-db88-theme="copper"] body{background:var(--db88-body)!important;background-image:none!important;color:var(--db88-text)!important;transition:background-color .35s,color .35s}
html[data-db88-theme="frost"] body.dbu-page,html[data-db88-theme="copper"] body.dbu-page{background:var(--db88-body)!important;color:var(--db88-text)!important;--dbu-muted:var(--db88-muted);--dbu-line:var(--db88-line);--dbu-panel:var(--db88-surface)}
/* Inner page sections, information and media cards. */
html[data-db88-theme="frost"] :is(.dbu-main,.dbu-section,.dbu-breadcrumb,.dbu-container),html[data-db88-theme="copper"] :is(.dbu-main,.dbu-section,.dbu-breadcrumb,.dbu-container){color:var(--db88-text)}
html[data-db88-theme="frost"] :is(.dbu-card,.dbu-buyers-guide,.dbu-note,.dbu-faq details,.dbu-trust>div,.dbu-hero-media,.dbu-proofs span,.dbu-chips a,.dbu-home-service-card,.dbu-home-quick-links a,.db86-tile,.db75-media-card),html[data-db88-theme="copper"] :is(.dbu-card,.dbu-buyers-guide,.dbu-note,.dbu-faq details,.dbu-trust>div,.dbu-hero-media,.dbu-proofs span,.dbu-chips a,.dbu-home-service-card,.dbu-home-quick-links a,.db86-tile,.db75-media-card){background:var(--db88-surface)!important;color:var(--db88-text)!important;border-color:var(--db88-line)!important;box-shadow:0 9px 27px var(--db88-shadow)!important}
html[data-db88-theme="frost"] :is(.dbu-hero p,.dbu-card p,.dbu-section p,.dbu-buyers-guide p,.dbu-home-head p,.db75-media-card p,.dbu-note p,.dbu-proofs span,.dbu-breadcrumb),html[data-db88-theme="copper"] :is(.dbu-hero p,.dbu-card p,.dbu-section p,.dbu-buyers-guide p,.dbu-home-head p,.db75-media-card p,.dbu-note p,.dbu-proofs span,.dbu-breadcrumb){color:var(--db88-muted)!important}
html[data-db88-theme="frost"] :is(.dbu-section h2,.dbu-card h3,.dbu-hero h1,.dbu-home-head h2,.dbu-faq summary,.db86-gallery-heading h2,.dbu-home-service-card strong,.dbu-footer h3),html[data-db88-theme="copper"] :is(.dbu-section h2,.dbu-card h3,.dbu-hero h1,.dbu-home-head h2,.dbu-faq summary,.db86-gallery-heading h2,.dbu-home-service-card strong,.dbu-footer h3){color:var(--db88-text)!important}
html[data-db88-theme="frost"] :is(.dbu-kicker,.dbu-breadcrumb a,.dbu-card a,.dbu-chips a,.dbu-home-service-card em,.dbu-home-blog-more),html[data-db88-theme="copper"] :is(.dbu-kicker,.dbu-breadcrumb a,.dbu-card a,.dbu-chips a,.dbu-home-service-card em,.dbu-home-blog-more){color:var(--db88-accent)!important}
/* Header remains contrast-safe in every theme. */
html[data-db88-theme="frost"] .dbu-header,html[data-db88-theme="copper"] .dbu-header{background:var(--db88-header)!important;border-color:var(--db88-line)!important}
html[data-db88-theme="frost"] .dbu-header *,html[data-db88-theme="copper"] .dbu-header *{color:var(--db88-headertext)}
html[data-db88-theme="frost"] .dbu-mobile-menu,html[data-db88-theme="copper"] .dbu-mobile-menu{background:var(--db88-header)!important}
html[data-db88-theme="frost"] .dbu-mobile-menu a,html[data-db88-theme="copper"] .dbu-mobile-menu a{background:rgba(255,255,255,.09)!important}
/* Original main page uses separate HTML/CSS. Alternative themes cover it too. */
html[data-db88-theme="frost"] :is(.wrap,.hero,.about,.services,.faq,.contact,.feature-grid,.home-directory,.service-bar),html[data-db88-theme="copper"] :is(.wrap,.hero,.about,.services,.faq,.contact,.feature-grid,.home-directory,.service-bar){color:var(--db88-text)}
html[data-db88-theme="frost"] :is(.header,.db6-header),html[data-db88-theme="copper"] :is(.header,.db6-header){background:var(--db88-header)!important;border-color:var(--db88-line)!important}
html[data-db88-theme="frost"] :is(.hero-card,.service-card,.glass,.panel,.card,.quick-service,.db6-card,.db6-panel,.db6-footer,.db6-trust__item,.db6-footer__brand,.dbu-home-share-wrap),html[data-db88-theme="copper"] :is(.hero-card,.service-card,.glass,.panel,.card,.quick-service,.db6-card,.db6-panel,.db6-footer,.db6-trust__item,.db6-footer__brand,.dbu-home-share-wrap){background:var(--db88-surface)!important;color:var(--db88-text)!important;border-color:var(--db88-line)!important;box-shadow:0 9px 27px var(--db88-shadow)!important}
html[data-db88-theme="frost"] :is(.quick-service,.quick-service span,.db6-card h2,.db6-card h3,.db6-footer__title),html[data-db88-theme="copper"] :is(.quick-service,.quick-service span,.db6-card h2,.db6-card h3,.db6-footer__title){color:var(--db88-text)!important}
html[data-db88-theme="frost"] :is(.header a,.header button,.db6-header a,.db6-header button),html[data-db88-theme="copper"] :is(.header a,.header button,.db6-header a,.db6-header button){color:var(--db88-headertext)!important}
/* Light theme keeps navigation/footer readable. */
html[data-db88-theme="frost"] .dbu-footer,html[data-db88-theme="copper"] .dbu-footer{background:var(--db88-surface)!important;color:var(--db88-text)!important;border-color:var(--db88-line)!important}
html[data-db88-theme="frost"] .dbu-footer :is(p,h2,h3,b,small,span,a),html[data-db88-theme="copper"] .dbu-footer :is(p,h2,h3,b,small,span,a){color:var(--db88-text)!important}
html[data-db88-theme="frost"] .dbu-footer-social a,html[data-db88-theme="copper"] .dbu-footer-social a{background:var(--db88-card)!important;color:var(--db88-text)!important}
html[data-db88-theme="frost"] .dbu-primary,html[data-db88-theme="copper"] .dbu-primary{background:var(--db88-accent)!important;border-color:var(--db88-accent)!important;color:#fff!important}
html[data-db88-theme="copper"] .dbu-primary{color:#18222d!important}
/* Fixed dock, same six evenly-spaced controls on every route. */
body.db88-ready>.dbu-dock,body.db88-ready>.db6-dock,body.db88-ready>.floating,body.db88-ready>.db-quickdock,body.db88-ready>.db5-quickdock{display:none!important}
.db88-dock{position:fixed!important;right:max(12px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important;left:auto!important;top:auto!important;z-index:1510!important;display:flex!important;align-items:center!important;gap:5px!important;max-width:calc(100vw - 15px);color:#f1f9ff;font-family:inherit}
.db88-dock.db88-obscured,body.db86-modal-open .db88-dock{visibility:hidden!important;pointer-events:none!important;opacity:0!important}
.db88-dock-actions{display:none;align-items:center;gap:4px;padding:4px;border-radius:15px;border:1px solid rgba(129,190,228,.5);background:rgba(9,27,45,.96);box-shadow:0 12px 32px rgba(2,12,22,.37);max-width:calc(100vw - 70px);overflow-x:auto;scrollbar-width:none}
.db88-dock-actions::-webkit-scrollbar{display:none}
.db88-dock.is-open .db88-dock-actions{display:flex}
.db88-dock-actions>a,.db88-dock-actions>button,.db88-dock>.db88-dock-toggle{box-sizing:border-box!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px!important;margin:0!important;padding:0!important;line-height:1!important;border:1px solid rgba(142,198,235,.45)!important;border-radius:11px!important;background:linear-gradient(145deg,#24455e,#152e44)!important;color:#f1f9ff!important;text-decoration:none!important;cursor:pointer}
.db88-dock-actions :is(a,button) svg,.db88-dock-toggle svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;fill:none!important;stroke:currentColor!important;display:block!important}
.db88-dock>.db88-dock-toggle{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;flex-basis:46px!important;border-radius:13px!important;background:linear-gradient(140deg,#267ab0,#145081)!important}
.db88-dock.is-open .db88-dock-toggle svg{transform:rotate(45deg)}
.db88-dock :is(a,button):focus-visible{outline:3px solid #96d9ff!important;outline-offset:2px}
@media(max-width:375px){.db88-dock{gap:3px!important;right:7px!important}.db88-dock-actions{gap:2px;padding:3px}.db88-dock-actions>a,.db88-dock-actions>button{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;flex-basis:35px!important}.db88-dock>.db88-dock-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex-basis:42px!important}}
/* Gallery controls even if old db86 css was cached. */
.db86-modal{z-index:5000!important}
.db86-modal-shell{position:relative!important}
.db88-nav{position:absolute;top:50%;z-index:15;transform:translateY(-50%);display:grid;place-items:center;width:49px;height:49px;border-radius:14px;border:1px solid rgba(173,221,249,.68);background:rgba(12,36,57,.91);color:#f4fbff;cursor:pointer;box-shadow:0 7px 20px #0008}
.db88-nav svg{width:23px!important;height:23px!important}
.db88-nav[hidden]{display:none!important}
.db88-nav-prev{left:16px}.db88-nav-next{right:16px}
.db88-nav:focus-visible{outline:3px solid #9dddfc;outline-offset:2px}
.db88-gallery-progress{position:absolute;right:25px;bottom:13px;font-size:12px;font-weight:700;color:#d8edfc}
.db86-modal-caption{padding-right:85px!important}
@media(max-width:760px){.db88-nav{width:39px;height:39px}.db88-nav-prev{left:7px}.db88-nav-next{right:7px}.db88-gallery-progress{right:12px}}
@media(prefers-reduced-motion:reduce){.db88-dock *{transition:none!important}body{transition:none!important}}
/* Ensure alternative themes win over pre-existing v8.7 !important surface rules. */
html[data-db88-theme="frost"] body.dbu-page :is(.dbu-card,.dbu-buyers-guide,.dbu-faq details,.dbu-home-service-card,.db86-tile),html[data-db88-theme="copper"] body.dbu-page :is(.dbu-card,.dbu-buyers-guide,.dbu-faq details,.dbu-home-service-card,.db86-tile){background:var(--db88-surface)!important;color:var(--db88-text)!important;border-color:var(--db88-line)!important;box-shadow:0 9px 27px var(--db88-shadow)!important}
html[data-db88-theme="frost"] body.dbu-page :is(.dbu-card p,.dbu-buyers-guide p,.dbu-section p),html[data-db88-theme="copper"] body.dbu-page :is(.dbu-card p,.dbu-buyers-guide p,.dbu-section p){color:var(--db88-muted)!important}
html[data-db88-theme="frost"] body:not(.dbu-page) :is(.db6-footer,.quick-service,.db6-card,.db6-trust__item),html[data-db88-theme="copper"] body:not(.dbu-page) :is(.db6-footer,.quick-service,.db6-card,.db6-trust__item){background:var(--db88-surface)!important;color:var(--db88-text)!important;border-color:var(--db88-line)!important}