/* CustomAuto v5: clearer hierarchy, real service-specific photos, readable copy */
:root{--bg:#f5f6f3;--bg2:#eef1ed;--panel:#fff;--border:#dfe4de;--text:#202428;--muted:#626b72;--accent:#f4c324;--accent2:#c99800;--max:1320px}
body{background:#f5f6f3;color:#202428;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
.container{width:min(1320px,calc(100% - 64px))}
.header{background:rgba(25,28,31,.98);border-bottom:1px solid #303438}
.brand{min-width:70px!important;width:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:flex-start;gap:0}
.brand img{display:block;width:64px;height:64px;max-width:64px;object-fit:contain;border-radius:50%;background:#050505}
.brand-copy{display:none!important}
.footer .brand{min-width:70px!important;width:70px;flex:0 0 70px}
.footer .brand img{width:64px;height:64px}
.nav-wrap{gap:20px}
.btn-red,.chooser-submit{background:#f4c324;border-color:#f4c324;color:#202428!important}
.btn-red:hover,.chooser-submit:hover{background:#ffda56;border-color:#ffda56;color:#202428!important}
.btn-dark{background:#24282b;border-color:#24282b;color:#fff!important}
.eyebrow{color:#8a6800}
.hero{background:linear-gradient(120deg,#fff 0%,#f7f8f5 60%,#ecefea 100%);color:#202428}
.hero-photo{background:#e5e8e2}
.hero-photo-caption{color:#fff}
.dark-panel{background:#eef1ed;color:#202428;border-top:1px solid #e0e4de;border-bottom:1px solid #e0e4de}
.dark-panel .values-grid>div{border-color:#d8ded7}
.dark-panel .values-grid h3{color:#202428}
.dark-panel .values-grid p{color:#606a70}
.dark-panel .values-grid b{color:#a27a00}
.page-top{background:linear-gradient(120deg,#fff 0%,#f5f6f3 70%,#edf0eb 100%);border-bottom:1px solid #dfe4de;color:#202428}
.page-top h1,.page-top h2,.page-top h3{color:#202428}
.page-top p{color:#59636b}
.page-top h1 em,.detail-head h1 em{color:#bd8d00}
.detail-head{background:linear-gradient(120deg,#fff 0%,#f5f6f3 70%,#edf0eb 100%);color:#202428;border-bottom:1px solid #dfe4de}
.detail-head h1{color:#202428}
.detail-head p{color:#59636b}
.detail-head .back-link{color:#6b7378}
.detail-head-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.92fr);gap:38px}
.detail-visual,.project-detail-photo{border:1px solid #dce2dc;background:#e7ebe5;box-shadow:0 10px 28px rgba(20,28,20,.08)}
.detail-content{grid-template-columns:minmax(0,1fr) minmax(280px,330px);gap:44px;align-items:start}
.detail-content article{min-width:0}
.detail-content article>h2,.project-detail-grid h2{font-size:clamp(30px,3vw,39px);line-height:1.2}
.detail-content article>h3{font-size:22px;line-height:1.3;margin-top:30px}
.detail-content article>p,.detail-content article li{color:#59636b;line-height:1.8}
.detail-content article ol{padding-left:22px}
.detail-content article li{padding-left:4px;margin-bottom:10px}
.detail-side{position:relative;z-index:2;min-width:0;max-width:100%;overflow:hidden;padding:25px;background:#fff;border:1px solid #dfe4de;border-radius:14px;box-shadow:0 8px 24px rgba(25,31,26,.05);box-sizing:border-box}
.detail-side h3{font-size:22px;line-height:1.3;margin:0 0 10px;overflow-wrap:anywhere}
.detail-side p{color:#59636b;overflow-wrap:anywhere}
.detail-side .btn{display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box;justify-content:center;align-items:center;text-align:center;white-space:normal;line-height:1.35;padding:12px 14px;overflow-wrap:anywhere}
.detail-side .separator{border-color:#e4e8e2}
.notice-box{background:#fff8df;border:1px solid #f0d77c;border-left:4px solid #f4c324;border-radius:10px;color:#35352f;padding:18px 20px}
.notice-box p{color:#5d6262;line-height:1.75}
.result-notice{background:#fff8df;border-color:#f0d77c;border-left-color:#f4c324;color:#45433a}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.service-card{display:flex;flex-direction:column;min-width:0;height:100%;border-radius:15px;background:#fff;border-color:#dfe4de;box-shadow:0 5px 16px rgba(25,31,26,.035)}
.card-photo{height:190px;background:#e8ece7}
.card-photo img{width:100%;height:100%;object-fit:cover}
.card-body{display:flex;flex-direction:column;flex:1;min-height:260px;padding:17px 18px 16px}
.card-body h3{font-size:17px;line-height:1.35;margin:7px 0 8px}
.card-body p{font-size:13px;line-height:1.62;color:#59636b;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:63px;margin-bottom:12px}
.card-meta{margin-top:auto;display:flex;gap:7px;flex-wrap:wrap}
.compatibility-chip{background:#f1f4ef;border-color:#dce3da;color:#526052;font-size:10px;font-weight:750}
.card-bottom{margin-top:13px;padding-top:12px;border-top:1px solid #e7ebe5}
.card-bottom .link-red{color:#7c5b00;font-weight:800}
.add-quote{flex:0 0 34px}
.card-social{gap:6px;margin:10px 0 0}
.card-social a,.social-buttons a{background:#fff8df;border-color:#ead582;color:#624b00}
.card-social a:hover,.social-buttons a:hover{background:#ffdf62;color:#202428}
.photo-label{background:rgba(255,255,255,.95);color:#29302d;border:1px solid rgba(30,38,31,.1);border-radius:6px;font-size:10px;font-weight:800;padding:5px 8px}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-tile{background:#e7ebe5;border-color:#dfe4de;min-height:170px}
.category-tile::before{opacity:.7}
.category-tile::after{background:linear-gradient(0deg,rgba(20,24,22,.83),rgba(20,24,22,.05))}
.category-tile strong{color:#fff}
.small-kicker{color:#ffe38a}
.brand-cards a{background:#fff;border-color:#dfe4de}
.filters input,.filters select{background:#fff;color:#252a2e;border-color:#d7ded6}
.empty-filter{background:#fff;border:1px solid #dfe4de;color:#59636b}
.social-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.social-feed-card{background:#fff;border-color:#dfe4de}
.social-feed-photo{height:215px;background:#e8ece7}
.social-feed-body{padding:16px 17px 17px}
.social-feed-body h3{font-size:17px;line-height:1.4}
.social-feed-body p{font-size:13px;color:#59636b}
.social-feed-open{color:#7c5b00}
.social-empty{background:#fffdf4;border:1px solid #f0d77c;border-radius:15px;padding:28px 30px;margin:18px 0 24px}
.social-empty h2{font-size:27px;margin:4px 0 8px}
.social-empty p{margin:0 0 16px;color:#626b72}
.social-empty.compact-empty{padding:18px 22px;margin:14px 0 20px}
.social-empty.compact-empty strong{font-size:18px}
.social-wide{background:#fff8df;border-color:#f0d77c;color:#252a2e}
.social-wide p{color:#59636b}
.social-wide strong{color:#252a2e}
.cta-band{background:linear-gradient(105deg,#25292a 0%,#171a1b 100%);border-top:1px solid #303636}
.cta-band h2{color:#fff}
.footer{background:#1c2021;padding:38px 0 20px}
.footer-grid{align-items:start}
.footer-brand{margin-bottom:0}
.footer-grid>div:first-child p{margin-top:8px}
.footer-bottom{border-color:#363b3b}
.contact-quote{background:#fff;border-color:#dfe4de}
.contact-quote label{color:#343b3c}
.contact-quote input,.contact-quote textarea{background:#fbfcfa;color:#202428;border-color:#d6ded6}
.quote-tray{background:#fffdf2;border-color:#f4c324;color:#252a2d;z-index:120}
.quote-tray .send{background:#f4c324;color:#24282a}
.quote-tray .clear{background:#e8ece7;color:#252a2d}
@media(max-width:1140px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.container{width:min(1320px,calc(100% - 32px))}.brand{min-width:58px!important;width:58px;flex-basis:58px}.brand img{width:54px;height:54px}.detail-head-grid{grid-template-columns:1fr}.detail-content{grid-template-columns:1fr}.detail-side{max-width:none}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-feed-grid,.social-feed-grid-large{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.container{width:calc(100% - 28px)}.brand{min-width:48px!important;width:48px;flex-basis:48px}.brand img{width:46px;height:46px}.service-grid,.category-grid,.social-feed-grid,.social-feed-grid-large{grid-template-columns:1fr}.card-photo{height:220px}.card-body{min-height:0}.card-body p{min-height:0}.detail-visual{height:270px}.detail-head{padding:38px 0}.social-empty{padding:20px}.social-wide{align-items:flex-start;flex-direction:column}.social-wide-actions{flex-wrap:wrap}}

.detail-head .back-link{display:block;width:max-content;max-width:100%;margin:0 0 16px;line-height:1.4}
.hero-photo-caption>span:nth-child(2){font-size:10px;letter-spacing:1px}