body.service-page{background:#f5f2eb;color:#15120b}
.service-page .header{background:rgba(255,255,255,.86);border-bottom:1px solid rgba(23,18,10,.12)}
.service-page .logo,.service-page .phone{color:#15120b}
.service-page .navlinks{color:#5f584c}
.service-page .phone{border-color:rgba(23,18,10,.14);background:#fff}
.service-page .hero{padding:72px 0 54px;background:radial-gradient(700px 360px at 74% 20%,rgba(255,194,45,.28),transparent 60%),linear-gradient(180deg,#fffaf0,#f5f2eb)}
.service-page h1,.service-page h2{color:#15120b}
.service-page .lead,.service-page p,.service-page li{color:#514b42}
.service-page .visual{background:linear-gradient(145deg,#ffffff,#ece7dd);border-color:rgba(23,18,10,.12);box-shadow:0 24px 70px rgba(61,47,15,.16)}
.service-page .cards{gap:16px}
.service-page .card{position:relative;color:#15120b;background:#fff;border-color:rgba(23,18,10,.12);box-shadow:0 18px 44px rgba(61,47,15,.10);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.service-page .card:hover,.service-page .card:focus-visible{transform:translateY(-4px);border-color:rgba(255,159,26,.55);box-shadow:0 24px 58px rgba(61,47,15,.16);outline:none}
.service-page .card:after{content:"Рассчитать";display:inline-flex;margin-top:14px;border-radius:999px;padding:8px 12px;background:#15120b;color:#ffc22d;font-size:12px;font-weight:1000}
.service-page .card p{color:#645d52}
.service-page .cta{background:linear-gradient(145deg,#15120b,#2b2108);color:#fff;border:0;box-shadow:0 24px 70px rgba(61,47,15,.22)}
.service-page .cta h2,.service-page .cta p{color:#fff}
.service-page .footer{background:#15120b;color:#bdb7ab;border:0}
.service-page .btn{box-shadow:0 14px 34px rgba(255,159,26,.26)}
.service-page .sign,.service-page .plate,.service-page .stand,.service-page .banner-art{background:#15120b;color:#fff}
.service-page .letters{color:#15120b;text-shadow:10px 10px 0 rgba(255,194,45,.32)}
.service-calc{padding:52px 0}.service-calc-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;border-radius:34px;padding:24px;background:#fff;border:1px solid rgba(23,18,10,.10);box-shadow:0 24px 70px rgba(61,47,15,.12)}.service-calc-box h2{margin-top:0}.service-calc-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-calc-field{display:grid;gap:7px}.service-calc-field label{font-size:12px;font-weight:1000;color:#6a6256}.service-calc-field input,.service-calc-field select,.service-calc-field textarea{width:100%;min-height:50px;border:1px solid rgba(23,18,10,.14);border-radius:16px;background:#f7f4ee;color:#15120b;padding:13px 14px;font:inherit;outline:none}.service-calc-field input:focus,.service-calc-field select:focus,.service-calc-field textarea:focus{border-color:#ff9f1a;box-shadow:0 0 0 3px rgba(255,194,45,.22)}.service-calc-result{display:grid;gap:12px;align-content:start;border-radius:26px;padding:20px;background:linear-gradient(145deg,#15120b,#2b2108);color:#fff}.service-calc-price{font-size:clamp(38px,5vw,62px);font-weight:1000;letter-spacing:-.05em}.service-calc-note{color:#d8d0bf;font-size:13px;line-height:1.45}.service-calc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-calc-actions .btn{margin:0;width:100%;border:0}.service-calc-secondary{background:#fff!important;color:#15120b!important}.service-calc .needs-value{border-color:#ff9f1a!important;box-shadow:0 0 0 3px rgba(255,194,45,.24)!important}@media(max-width:820px){.service-calc-box,.service-calc-fields,.service-calc-actions{grid-template-columns:1fr}.service-calc{padding:34px 0}}
@media(max-width:820px){.service-page .hero{padding-top:44px}.service-page .card:after{width:100%;justify-content:center}}

/* Selling service pages upgrade */
.service-page .card:after{content:"Подробнее";background:#ffad1f;color:#15120b;box-shadow:0 12px 24px rgba(255,173,31,.22)}
.service-page .card.is-active{border-color:#ffad1f;box-shadow:0 24px 58px rgba(255,173,31,.18);transform:translateY(-3px)}
.service-page .visual{overflow:hidden;min-height:330px;display:grid;place-items:center}
.service-hero-photo{position:relative;width:100%;height:100%;min-height:330px;display:grid;place-items:center;background:radial-gradient(circle at 72% 34%,rgba(255,173,31,.24),transparent 34%),#f7f4ee}
.service-hero-photo img{width:100%;height:100%;min-height:330px;object-fit:cover;filter:saturate(1.04) contrast(1.04)}
.service-hero-photo:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(0deg,rgba(21,18,11,.62),transparent)}
.service-hero-badge{position:absolute;left:18px;bottom:18px;z-index:2;border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.88);border:1px solid rgba(21,18,11,.12);font-size:12px;font-weight:1000;color:#15120b;text-transform:uppercase;letter-spacing:.06em}
.service-info{padding:42px 0 30px}.service-info-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.service-info-panel,.service-offer-panel,.service-gallery figure,.service-process .process-grid>div,.service-seo-grid>div,.faq-list details{background:#fff;border:1px solid rgba(23,18,10,.1);box-shadow:0 22px 60px rgba(61,47,15,.09)}
.service-info-panel{border-radius:30px;padding:30px}.service-info-panel h2{margin:8px 0 12px;font-size:clamp(34px,4.8vw,62px);line-height:.96}.service-info-panel ul{display:grid;gap:9px;margin:20px 0 0;padding:0;list-style:none}.service-info-panel li{position:relative;padding-left:26px;font-weight:800;color:#2a251c}.service-info-panel li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:#ffad1f;box-shadow:0 0 0 5px rgba(255,173,31,.18)}
.service-offer-panel{display:grid;gap:14px;border-radius:30px;padding:18px;background:linear-gradient(145deg,#171309,#352607);color:#fff}.service-offer-panel>div{border-radius:22px;padding:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}.service-offer-panel span,.process-grid span{display:inline-flex;margin-bottom:14px;color:#ffad1f;font-size:13px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.service-offer-panel h3{margin:0 0 8px;color:#fff;font-size:22px}.service-offer-panel p{color:#e8dfcf!important;margin:0}
.service-gallery-section{padding:48px 0 36px}.service-gallery-section h2,.service-process h2,.service-seo h2{font-size:clamp(34px,4.2vw,58px);line-height:.98;margin:8px 0 22px}.service-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-gallery figure{margin:0;border-radius:24px;overflow:hidden;background:#fff}.service-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}.service-gallery figure:hover img{transform:scale(1.04)}.service-gallery figcaption{padding:12px 14px;font-size:13px;font-weight:900;color:#312a1d}
.service-process{padding:50px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-grid>div{border-radius:24px;padding:22px}.process-grid h3{margin:0 0 10px;color:#15120b;font-size:20px}.process-grid p{margin:0;color:#5b5143!important}
.service-seo{padding:42px 0 70px}.service-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-seo-grid>div:first-child{border-radius:30px;padding:28px}.faq-list{display:grid;gap:10px}.faq-list details{border-radius:20px;padding:18px}.faq-list summary{cursor:pointer;font-weight:1000;color:#15120b}.faq-list p{margin:12px 0 0;color:#5b5143!important}.service-page .cta{margin-top:10px}
@media(max-width:980px){.service-info-layout,.service-seo-grid{grid-template-columns:1fr}.service-gallery,.process-grid{grid-template-columns:repeat(2,1fr)}.service-page .visual,.service-hero-photo,.service-hero-photo img{min-height:260px}}
@media(max-width:620px){.service-gallery,.process-grid{grid-template-columns:1fr}.service-info-panel{padding:22px}.service-gallery-section,.service-process,.service-seo{padding:32px 0}.service-hero-badge{left:12px;bottom:12px;font-size:10px}}
.service-anchor-nav{position:sticky;top:68px;z-index:10;padding:8px 0;background:rgba(245,242,235,.86);backdrop-filter:blur(14px);border-top:1px solid rgba(23,18,10,.08);border-bottom:1px solid rgba(23,18,10,.08)}.service-anchor-nav .container{display:flex;gap:8px;overflow:auto}.service-anchor-nav a{white-space:nowrap;border-radius:999px;padding:10px 14px;background:#fff;border:1px solid rgba(23,18,10,.1);color:#15120b;font-size:13px;font-weight:1000}.service-anchor-nav a:hover{border-color:#ffad1f;box-shadow:0 10px 24px rgba(61,47,15,.1)}@media(max-width:820px){.service-anchor-nav{top:60px}.service-anchor-nav .container{padding-bottom:2px}}

/* Layout fixes for service calculators and FAQ */
.service-calc-box,
.service-calc-box > *,
.service-calc-result,
.service-calc-field,
.service-calc-actions,
.service-calc-field input,
.service-calc-field select,
.service-calc-field textarea{min-width:0;max-width:100%;box-sizing:border-box}
.service-calc-box{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;align-items:stretch}
.service-calc-result{overflow:hidden}
.service-calc-field input,.service-calc-field select,.service-calc-field textarea{display:block}
.service-calc-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.service-calc-actions .btn{min-width:0;white-space:normal;text-align:center;padding-left:14px;padding-right:14px}
.faq-list details{min-height:0!important;padding:0!important;overflow:hidden}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:0 20px;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffad1f;color:#15120b;font-weight:1000;flex:0 0 auto}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{padding:0 20px 20px;margin:0!important}
.service-page .card:after{content:"Подробнее"}
@media(max-width:980px){.service-calc-box{grid-template-columns:1fr}.service-calc-actions{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.service-calc-actions{grid-template-columns:1fr}.faq-list summary{min-height:56px;padding:0 16px}.faq-list details p{padding:0 16px 16px}}
#service-info,#examples,#mounting,#faq,#service-calc{scroll-margin-top:128px}
@media(max-width:820px){#service-info,#examples,#mounting,#faq,#service-calc{scroll-margin-top:112px}}