:root{--bg:#f5f7f9;--surface:#fff;--ink:#111820;--muted:#64707c;--line:#dfe5ea;--dark:#0b1118;--accent:#d62d2d;--accent2:#ff4a3d;--radius:20px;--shadow:0 18px 60px rgba(11,17,24,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:10px;top:10px;z-index:1000;background:#fff;padding:10px 14px;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,229,234,.8)}.header-inner{height:82px;display:flex;align-items:center;gap:26px}.brand{width:150px;flex:0 0 150px}.brand img{width:150px;height:55px;object-fit:contain;object-position:left center}.desktop-nav{display:flex;gap:20px;align-items:center;flex:1}.desktop-nav a{font-size:13px;font-weight:700;color:#4e5963;white-space:nowrap}.desktop-nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:10px}.language-select select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 8px;font-weight:800}.phone-link{font-weight:800;font-size:14px;white-space:nowrap}.btn{border:0;border-radius:12px;padding:15px 22px;font:800 14px Manrope,Arial;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s transform,.2s background,.2s color}.btn:hover{transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#b92121}.btn-dark{background:var(--dark);color:#fff}.btn-ghost{border:1px solid rgba(255,255,255,.3);color:#fff;background:transparent}.btn-small{padding:11px 15px}.btn-wide{width:100%}
.hero{background:radial-gradient(circle at 80% 20%,rgba(214,45,45,.18),transparent 35%),linear-gradient(135deg,#0b1118,#1a2631);color:#fff;padding:90px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:900;color:#d62d2d}.hero .eyebrow{color:#ff7c72}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.04;letter-spacing:-.04em;margin:15px 0 22px;max-width:800px}.hero-lead{font-size:18px;color:#c5ced6;max-width:730px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.hero-trust{display:flex;gap:36px;border-top:1px solid rgba(255,255,255,.14);padding-top:24px}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{font-size:28px}.hero-trust span{font-size:11px;color:#9da9b4}.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:22px;box-shadow:0 30px 100px rgba(0,0,0,.22)}.hero-card-top{display:flex;align-items:center;gap:9px;font-size:12px;color:#bfc9d1}.status-dot{width:8px;height:8px;background:#58d68d;border-radius:50%;box-shadow:0 0 0 6px rgba(88,214,141,.12)}.remote-preview{margin:25px 0 20px}.preview-line{display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#8997a4}.preview-line b{color:#d7dee4;font-size:13px}.preview-line.active{padding-left:12px;border-radius:12px;background:rgba(214,45,45,.16);color:#fff}.preview-line.active b{color:#fff}.hero-card>p{color:#8997a4;font-size:12px;margin:0}
.section{padding:90px 0}.section-dark{background:var(--dark);color:#fff}.section-soft{background:#edf1f4}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-head h2,.calc-layout h2,.about-grid h2,.faq-wrap h2,.contact-grid h2{font-size:clamp(30px,4vw,50px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 0}.section-head>p{max-width:440px;color:var(--muted);margin:0}.section-dark .section-head>p{color:#98a5b1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));min-height:220px}.service-card span{color:#ff7c72;font-weight:900}.service-card h3{font-size:20px;margin:35px 0 8px}.service-card p{color:#a9b4bd;margin:0;font-size:14px}
.calc-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.calc-layout>div>p{color:var(--muted);max-width:520px}.notice{display:flex;gap:14px;margin-top:25px;padding:16px;background:#fff3f2;border:1px solid #ffd4d0;border-radius:14px;color:#6d3531;font-size:13px}.notice b{font-size:18px;color:var(--accent)}.calculator{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:800;color:#4e5963}.field input,.field select,.modal-card input,.modal-card textarea{width:100%;border:1px solid #d6dde3;background:#fafbfc;border-radius:11px;padding:13px 14px;font:600 14px Manrope;outline:none}.field input:focus,.field select:focus,.modal-card input:focus,.modal-card textarea:focus{border-color:#9ba9b5;box-shadow:0 0 0 3px rgba(155,169,181,.15)}.checks{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid var(--line);padding-top:18px}.checks label{font-size:12px;color:#55616c}.checks input{accent-color:var(--accent)}.calc-result{grid-column:1/-1;background:#0f1821;color:#fff;border-radius:17px;padding:20px;display:flex;flex-direction:column}.calc-result span{font-size:12px;color:#aab6c0}.calc-result strong{font-size:34px;line-height:1.2;margin:3px 0}.calc-result small{color:#8997a4}.calculator .btn-wide{grid-column:1/-1}
.remote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.remote-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;min-height:250px}.remote-card b{font-size:12px;color:var(--accent)}.remote-card h3{font-size:18px}.remote-card p{font-size:13px;color:var(--muted)}.remote-banner{margin-top:18px;background:#0b1118;color:#fff;border-radius:20px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.remote-banner div{display:flex;flex-direction:column}.remote-banner strong{font-size:20px}.remote-banner span{font-size:13px;color:#aab6c0}.micro-note{font-size:11px;color:#7c8791;margin:18px 0 0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-grid p{color:var(--muted)}.about-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:15px;box-shadow:var(--shadow)}.about-stat{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:23px 15px}.about-stat:last-child{border:0}.about-stat strong{font-size:28px}.about-stat span{color:var(--muted);font-size:12px;text-align:right}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.portfolio-grid figure{margin:0;overflow:hidden;border-radius:17px;background:#fff}.portfolio-grid img{width:100%;height:230px;object-fit:cover}.portfolio-grid figcaption{padding:14px 16px;color:#101820;font-weight:800;font-size:13px}
.process{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.process li:nth-child(odd){padding-right:30px;border-right:1px solid var(--line)}.process li:nth-child(even){padding-left:30px}.process b{font-size:12px;color:var(--accent)}.process h3{margin:0;font-size:17px}.process p{margin:5px 0 0;color:var(--muted);font-size:13px}
.faq-wrap{display:grid;grid-template-columns:.5fr 1.5fr;gap:70px}.faq details{border-top:1px solid #cfd7de;padding:20px 0}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);font-size:13px;max-width:750px}
.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-grid>div>p{color:var(--muted);max-width:540px}.contact-list{margin-top:30px;display:grid;gap:15px}.contact-list a,.contact-list div{display:flex;flex-direction:column;padding:15px 0;border-bottom:1px solid var(--line)}.contact-list span,.domain-row>span{font-size:11px;color:#7b8791}.contact-list b{font-size:15px}.domain-row{margin-top:20px}.domain-row>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:7px}.domain-row a{font-weight:800;color:var(--accent)}.contact-map iframe{width:100%;height:520px;border:0;border-radius:22px;box-shadow:var(--shadow)}
.footer{background:#080d12;color:#aeb8c0;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:50px}.footer img{width:180px;height:70px;object-fit:contain;object-position:left center;filter:brightness(1.1)}.footer p{font-size:12px;max-width:350px}.footer h3{font-size:12px;color:#fff}.footer-grid a{display:block;font-size:12px;margin:10px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px}
.mobile-nav{display:none}.chat-fab{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:20px;z-index:45;box-shadow:0 12px 30px rgba(214,45,45,.35);cursor:pointer}.install-app{position:fixed;left:20px;bottom:20px;z-index:45;background:#0b1118;color:#fff;border:1px solid #34424e;border-radius:12px;padding:12px 15px;font:800 12px Manrope;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:pointer}
.modal{display:none;position:fixed;inset:0;z-index:100}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(5,9,13,.72);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(540px,calc(100% - 30px));max-height:calc(100vh - 30px);overflow:auto;margin:15px auto;background:#fff;border-radius:22px;padding:28px;top:50%;transform:translateY(-50%);box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-close{position:absolute;right:15px;top:12px;border:0;background:#eef1f4;border-radius:50%;width:35px;height:35px;font-size:23px;cursor:pointer}.modal-card h2{margin:8px 0;font-size:32px;line-height:1.1}.modal-card>p{color:var(--muted);font-size:13px}.modal-card form{display:grid;gap:14px}.modal-card label:not(.consent){display:grid;gap:6px;font-size:11px;font-weight:800}.modal-card textarea{resize:vertical}.consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--muted)}.consent input{margin-top:3px}
@media(max-width:1000px){.desktop-nav{display:none}.header-actions .phone-link{display:none}.hero-grid,.calc-layout,.about-grid,.contact-grid,.faq-wrap{grid-template-columns:1fr}.hero-grid{gap:40px}.cards{grid-template-columns:1fr 1fr}.remote-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.section-head>p{margin-top:15px}.portfolio-grid{grid-template-columns:1fr 1fr}.contact-map iframe{height:360px}}
@media(max-width:680px){.container{width:min(100% - 24px,1180px)}.site-header{position:sticky}.header-inner{height:68px;gap:8px}.brand{width:118px;flex-basis:118px}.brand img{width:118px;height:48px}.header-actions{margin-left:auto}.header-actions .btn{display:none}.language-select select{padding:8px 5px}.hero{padding:55px 0 45px}.hero h1{font-size:40px}.hero-lead{font-size:15px}.hero-trust{gap:18px}.hero-trust strong{font-size:22px}.hero-trust span{font-size:9px}.hero-card{padding:17px}.section{padding:65px 0}.cards,.remote-grid,.portfolio-grid{grid-template-columns:1fr}.calculator{grid-template-columns:1fr;padding:18px}.checks{grid-template-columns:1fr}.calc-result{grid-column:auto}.calculator .btn-wide{grid-column:auto}.remote-banner{display:block}.remote-banner .btn{margin-top:16px;width:100%}.process{grid-template-columns:1fr}.process li:nth-child(odd),.process li:nth-child(even){padding:20px 0;border-right:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.mobile-nav{display:flex;position:fixed;left:8px;right:8px;bottom:8px;height:64px;background:rgba(10,16,22,.96);border-radius:17px;z-index:40;justify-content:space-around;box-shadow:0 12px 35px rgba(0,0,0,.25)}.mobile-nav a{color:#aeb8c0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px}.mobile-nav small{font-size:9px;margin-top:1px}.chat-fab{right:18px;bottom:82px}.install-app{left:12px;bottom:82px}.modal-card{padding:22px}.modal-card h2{font-size:27px}}

/* 2026 content additions */
.light-card{background:#fff!important;color:#111820!important;border:1px solid #d9e0e6!important}.light-card p{color:#66727d!important}.light-card h3{color:#111820!important}.supplier-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.supplier-strip span{background:#fff;border:1px solid #d8e0e6;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:800;color:#4d5964}.section-soft .remote-card{box-shadow:0 10px 30px rgba(10,20,30,.04)}

/* VIP CLIENT PORTAL */
.vip-section{background:#071019;color:#fff;padding:90px 0}.vip-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.vip-head h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:10px 0}.vip-head p{color:#98a7b4;max-width:620px}.vip-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.vip-card{background:#101b25;border:1px solid #263643;border-radius:20px;padding:22px}.vip-card h3{margin:0 0 14px;font-size:18px}.vip-project{display:flex;justify-content:space-between;gap:20px;align-items:center}.vip-project strong{font-size:24px}.vip-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.vip-meta>div{background:#0a141d;border:1px solid #22313d;border-radius:14px;padding:14px}.vip-meta small{display:block;color:#7f909e;font-size:10px}.vip-meta b{display:block;margin-top:4px;font-size:14px}.progress{height:9px;background:#263540;border-radius:99px;overflow:hidden;margin:18px 0 8px}.progress i{display:block;height:100%;width:0;background:#d62d2d;border-radius:99px;transition:width .4s}.progress-line{display:flex;justify-content:space-between;color:#95a4b0;font-size:11px}.vip-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-light{background:#eef2f5;color:#101820}.vip-files{list-style:none;padding:0;margin:0;display:grid;gap:9px}.vip-files li{display:flex;align-items:center;gap:10px;background:#0a141d;border:1px solid #22313d;border-radius:12px;padding:10px}.vip-files li>div{min-width:0;flex:1}.vip-files b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-files small{color:#7f909e;font-size:10px}.vip-files button{border:0;background:transparent;color:#91a0ac;font-size:20px;cursor:pointer}.empty-row{color:#7f909e;font-size:12px;padding:12px}.vip-chat{height:255px;overflow:auto;background:#0a141d;border:1px solid #22313d;border-radius:14px;padding:12px;display:grid;gap:8px}.chat-msg{max-width:85%;background:#182631;border-radius:12px;padding:9px 11px}.chat-msg.mine{margin-left:auto;background:#542325}.chat-msg b{font-size:10px;color:#ff8b83}.chat-msg p{margin:3px 0;font-size:12px}.chat-msg small{color:#7f909e;font-size:9px}.chat-form{display:flex;gap:8px;margin-top:10px}.chat-form input{flex:1;min-width:0}.vip-input,.chat-form input{border:1px solid #2a3b49;background:#0b151e;color:#fff;border-radius:10px;padding:11px 12px;font:600 12px Manrope}.approval-row{position:relative;background:#0a141d;border:1px solid #22313d;border-radius:13px;padding:13px;margin-bottom:8px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.approval-row b{display:block;font-size:12px}.approval-row small{display:block;color:#7f909e;margin-top:3px}.approval-status{font-size:9px;border-radius:99px;padding:5px 8px;background:#263540;color:#d9e1e6}.approval-status.approved{background:#153b2a;color:#8fe0b1}.approval-status.rejected{background:#432025;color:#ff9b9b}.approval-actions{grid-column:1/-1;display:flex;gap:7px}.approval-actions .btn{padding:8px 10px;font-size:10px}.vip-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.vip-payment{padding:14px;border-radius:13px;background:#0a141d;border:1px solid #22313d}.vip-payment b{display:block;font-size:18px}.vip-payment small{color:#7f909e}.vip-note{font-size:10px;color:#7f909e;margin-top:10px}.vip-remote{background:linear-gradient(145deg,#171f28,#0e171f);border:1px solid #2a3946}.vip-remote ul{padding-left:18px;color:#aab6c0;font-size:12px}.vip-remote li{margin:7px 0}.vip-setup{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.vip-setup input{width:100%}.vip-tag{display:inline-flex;padding:6px 9px;border-radius:99px;background:#1b2d3a;color:#aebbc5;font-size:10px;font-weight:800}.vip-upload{display:flex;gap:8px;align-items:center;margin-bottom:10px}.vip-upload input{max-width:100%;font-size:11px;color:#9caab5}.vip-security{margin-top:15px;padding:12px;border-radius:12px;background:#0a141d;border:1px solid #22313d;color:#7f909e;font-size:10px}.vip-security b{color:#cbd5dc}
@media(max-width:900px){.vip-grid{grid-template-columns:1fr}.vip-head{display:block}.vip-meta{grid-template-columns:1fr 1fr}.vip-setup{grid-template-columns:1fr}.vip-payment-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.vip-section{padding:65px 0 95px}.vip-meta{grid-template-columns:1fr}.vip-project{display:block}.vip-actions .btn{width:100%}.chat-form{flex-direction:column}.chat-form .btn{width:100%}}

.vip-login-card{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.vip-login-form{display:grid;grid-template-columns:180px 180px auto auto;gap:8px;align-items:center}.vip-login-form .btn{white-space:nowrap}@media(max-width:900px){.vip-login-card{display:block}.vip-login-form{grid-template-columns:1fr 1fr;margin-top:15px}}@media(max-width:600px){.vip-login-form{grid-template-columns:1fr}.vip-login-form .btn{width:100%}}

.list-notifications{display:grid;gap:8px}.notification{background:#0a141d;border:1px solid #22313d;border-radius:12px;padding:11px}.notification b{display:block;font-size:12px}.notification p{margin:4px 0;color:#aab6c0;font-size:11px;line-height:1.45}.notification small{color:#7f909e;font-size:9px}.notification.important{border-color:#754047}.notification.success{border-color:#2b7050}

/* 2026 MATERIAL MARKET */
.brand-wordmark{display:flex;align-items:center;gap:8px}.brand-wordmark span{display:none}.material-market{background:#eef2f5}.market-head{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:end}.market-head h2{font-size:clamp(30px,4vw,50px);line-height:1.05;letter-spacing:-.04em;margin:10px 0}.market-head p{max-width:760px;color:#64707c}.market-cart-card{background:#0b1118;color:#fff;border-radius:22px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;box-shadow:var(--shadow)}.market-cart-card .btn{grid-column:1/-1;width:100%}.market-cart-icon{font-size:27px}.market-cart-card b{display:block;font-size:22px}.market-cart-card small{display:block;color:#91a0ac;font-size:10px}.market-cart-card>strong{font-size:16px}.market-toolbar{display:grid;grid-template-columns:1.4fr .8fr .7fr;gap:12px;margin:25px 0 16px}.market-toolbar label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#5e6974}.market-toolbar input,.market-toolbar select{border:1px solid #d7dfe5;background:#fff;border-radius:12px;padding:12px;font:600 13px Manrope;color:#111820}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.material-card{background:#fff;border:1px solid #dbe2e7;border-radius:18px;padding:16px;display:flex;flex-direction:column;min-height:245px;box-shadow:0 8px 28px rgba(10,20,30,.05)}.material-card .material-badge{font-size:9px;font-weight:900;color:#a12727;text-transform:uppercase}.material-card h3{font-size:16px;margin:8px 0 5px;line-height:1.25}.material-card p{font-size:11px;color:#697580;min-height:36px;margin:0}.material-card .supplier{font-size:10px;color:#7c8790;margin-top:auto;padding-top:10px}.material-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:12px}.material-price b{font-size:20px}.material-price del{font-size:10px;color:#8c969d}.material-card button{width:100%;margin-top:11px}.market-note{margin-top:18px;background:#fff;border:1px dashed #cbd5dc;border-radius:14px;padding:13px;font-size:11px;color:#64707c}.market-note b{color:#111820}.material-modal{display:none;position:fixed;inset:0;z-index:110;background:rgba(5,9,13,.72);padding:18px}.material-modal.open{display:grid;place-items:center}.material-modal-card{width:min(720px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:22px;padding:22px}.material-cart-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border-bottom:1px solid #e1e6ea;padding:12px 0}.material-cart-row small{display:block;color:#71808b}.material-cart-row button{border:0;background:#eef1f4;border-radius:8px;padding:7px 9px;cursor:pointer}.cart-total{display:flex;justify-content:space-between;font-size:18px;font-weight:900;padding:15px 0}.cart-empty{padding:25px;text-align:center;color:#73808a}.cart-form{display:grid;gap:10px}.cart-form input,.cart-form textarea{border:1px solid #d5dde3;border-radius:10px;padding:11px;font:600 13px Manrope}.cart-actions{display:flex;gap:8px;justify-content:flex-end}
@media(max-width:1050px){.material-grid{grid-template-columns:1fr 1fr}.market-head{grid-template-columns:1fr}.market-toolbar{grid-template-columns:1fr 1fr}.market-toolbar label:first-child{grid-column:1/-1}}
@media(max-width:600px){.material-grid{grid-template-columns:1fr}.market-toolbar{grid-template-columns:1fr}.market-toolbar label:first-child{grid-column:auto}.market-cart-card{grid-template-columns:auto 1fr}.market-cart-card>strong{grid-column:1/-1}.brand-wordmark span{display:none}.material-cart-row{grid-template-columns:1fr auto}.material-cart-row strong{grid-column:1/-1}}

/* APPLE-INSPIRED ECO SYSTEM UI — PROFI-RU 2026 */
:root{--eco-bg:#f5f5f7;--eco-card:rgba(255,255,255,.78);--eco-line:rgba(15,23,32,.10);--eco-blue:#0071e3;--eco-text:#111820}
body{background:var(--eco-bg);color:var(--eco-text);-webkit-font-smoothing:antialiased}
.site-header{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(15,23,32,.08)!important}
.brand-wordmark img{height:42px;width:42px;object-fit:contain;border-radius:11px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.desktop-nav a{font-size:12px!important;font-weight:700;letter-spacing:-.01em}
.eco-bar{background:rgba(245,245,247,.86);border-bottom:1px solid var(--eco-line);position:relative;z-index:10}
.eco-bar-inner{display:flex;gap:8px;align-items:center;overflow:auto;padding:9px 0;scrollbar-width:none}.eco-bar-inner::-webkit-scrollbar{display:none}.eco-bar-inner span:not(.eco-pill){font-size:10px;font-weight:800;color:#69737c;white-space:nowrap;background:#fff;border:1px solid var(--eco-line);border-radius:999px;padding:7px 10px}.eco-pill{font-size:9px;font-weight:900;letter-spacing:.08em;color:#fff;background:#111820;border-radius:999px;padding:7px 10px;white-space:nowrap}
.hero{background:linear-gradient(180deg,#fff 0%,#f5f5f7 100%)!important}.hero-card,.service-card,.vip-card,.review-card,.social-card,.material-card,.market-cart-card{box-shadow:0 14px 45px rgba(15,23,32,.08)!important}
.btn-accent{background:linear-gradient(180deg,#1683ee,#0071e3)!important;border:0!important;box-shadow:0 8px 22px rgba(0,113,227,.22)}
.btn-ghost{background:rgba(255,255,255,.75)!important;border:1px solid var(--eco-line)!important;color:#111820!important;backdrop-filter:blur(12px)}
.section:not(.section-dark),.material-market{background:#f5f5f7!important}.section-dark{background:#0b0c0e!important}
.reviews-section{padding:90px 0}.reviews-head{align-items:center}.review-score{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--eco-line);border-radius:20px;padding:14px 18px;box-shadow:0 8px 30px rgba(15,23,32,.06)}.review-score strong{font-size:38px;letter-spacing:-.05em}.review-score span{font-size:11px;color:#68747e;line-height:1.4}.reviews-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.review-card{background:var(--eco-card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.9);border-radius:22px;padding:20px;min-height:260px}.review-top{display:flex;justify-content:space-between;gap:10px}.review-top b{font-size:14px}.review-top span{letter-spacing:2px;font-size:11px}.review-card p{font-size:12px;line-height:1.65;color:#4f5b65;margin:16px 0}.review-card small{color:#8a949d;font-size:9px}.reviews-actions{display:flex;gap:18px;align-items:center;margin-top:24px}.reviews-actions>span{font-size:10px;color:#7b8790;max-width:480px}.social-section{padding:80px 0}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.social-grid h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.045em;line-height:1.05;margin:10px 0}.social-grid p{color:#96a3ad;max-width:560px}.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-card{display:grid;grid-template-columns:1fr auto;gap:4px 10px;text-decoration:none;color:#fff;background:#14171a;border:1px solid #2b3035;border-radius:18px;padding:17px;transition:transform .2s,background .2s}.social-card:hover{transform:translateY(-2px);background:#1a1e22}.social-card b{font-size:13px}.social-card span{font-size:10px;color:#919da6}.social-card i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:18px;color:#cfd6dc}
@media(max-width:1050px){.reviews-grid{grid-template-columns:1fr 1fr}.social-grid{grid-template-columns:1fr}.social-cards{max-width:700px}}
@media(max-width:600px){.eco-bar-inner{padding-left:12px;padding-right:12px}.reviews-section{padding:65px 0 95px}.reviews-grid{grid-template-columns:1fr}.review-score{margin-top:18px}.reviews-actions{display:grid}.reviews-actions .btn{width:100%;text-align:center}.social-cards{grid-template-columns:1fr}.brand-wordmark img{height:38px;width:38px}}
.form-help{display:block;color:#7f8c97;font-size:12px;line-height:1.45;margin-top:5px;font-weight:400}
#requestAttachments{padding:12px;border:1px dashed rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.04)}

/* V7 — refined iPhone-style header, visual showcase and review photography */
.brand-wordmark{width:auto!important;min-width:270px;flex:0 0 auto!important}.brand-wordmark img{width:46px!important;height:46px!important}.brand-title{display:block!important;color:#111820;font-size:16px;font-weight:900;letter-spacing:-.025em;line-height:1.1;white-space:nowrap}.visual-strip{background:#f5f5f7;border-bottom:1px solid rgba(15,23,32,.07);overflow:hidden}.visual-strip-track{width:min(1180px,100% - 32px);margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:10px 0}.visual-strip figure{margin:0;position:relative;min-width:0;height:92px;border-radius:16px;overflow:hidden;background:#ddd;box-shadow:0 6px 22px rgba(15,23,32,.07)}.visual-strip img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.visual-strip figure:hover img{transform:scale(1.045)}.visual-strip figcaption{position:absolute;left:8px;right:8px;bottom:7px;color:#fff;font-size:9px;font-weight:800;text-shadow:0 1px 5px rgba(0,0,0,.55)}.review-card{overflow:hidden;padding:0 20px 20px!important}.review-photo{display:block;width:calc(100% + 40px);margin:0 -20px 18px;height:150px;object-fit:cover}.review-card .review-top,.review-card p,.review-card small{display:block}.review-card .review-top{display:flex}.calc-result small{display:none!important}
@media(max-width:1000px){.brand-wordmark{min-width:220px}.brand-title{font-size:14px}.visual-strip-track{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.brand-wordmark{min-width:0;max-width:205px;gap:7px}.brand-wordmark img{width:38px!important;height:38px!important}.brand-title{font-size:12px;white-space:normal;line-height:1.05}.visual-strip-track{width:calc(100% - 20px);grid-template-columns:repeat(3,1fr);gap:7px;padding:7px 0}.visual-strip figure{height:72px;border-radius:12px}.visual-strip figcaption{font-size:7px;bottom:5px;left:6px}.review-photo{height:185px}.site-header .header-inner{height:74px}}

/* V8 — крупный фирменный заголовок, контрастный текст и фиксированное меню */
.site-header{z-index:100!important;background:rgba(255,255,255,.94)!important;box-shadow:0 4px 24px rgba(15,23,32,.08)}
.header-inner{display:block!important;height:auto!important;padding:10px 0 9px!important}
.header-brand-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px}
.brand-wordmark{display:flex!important;align-items:center;gap:14px;width:auto!important;min-width:0!important;flex:1 1 auto!important}
.brand-wordmark img{width:48px!important;height:48px!important;flex:0 0 48px}
.brand-title{font-size:clamp(24px,3vw,38px)!important;font-weight:950!important;letter-spacing:-.045em!important;line-height:1!important;color:#05080b!important;white-space:nowrap!important}
.header-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.menu-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #111820;background:#111820;color:#fff;border-radius:12px;padding:12px 16px;font:900 14px Manrope,Arial;cursor:pointer;box-shadow:0 6px 18px rgba(15,23,32,.15)}
.menu-button span{font-size:19px;line-height:1}
.desktop-nav{margin-top:7px;padding-top:7px;border-top:1px solid rgba(15,23,32,.08);justify-content:center;gap:18px}
.desktop-nav a{font-size:14px!important;color:#111820!important;font-weight:800!important}
.site-menu{position:fixed;inset:0;z-index:200;visibility:hidden;opacity:0;transition:.22s ease}
.site-menu.open{visibility:visible;opacity:1}
.site-menu-backdrop{position:absolute;inset:0;background:rgba(4,8,12,.48);backdrop-filter:blur(5px)}
.site-menu-panel{position:absolute;right:18px;top:18px;width:min(430px,calc(100% - 36px));max-height:calc(100vh - 36px);overflow:auto;background:rgba(255,255,255,.98);border-radius:24px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.25)}
.site-menu-head{display:flex;justify-content:space-between;align-items:center;font-size:19px;margin-bottom:15px}.site-menu-head button{border:0;background:#eef0f2;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.site-menu-panel nav{display:grid;gap:6px;margin-bottom:18px}.site-menu-panel nav a{font-size:17px;font-weight:850;color:#111820;padding:13px 12px;border-radius:12px;background:#f5f5f7}.site-menu-panel nav a:hover{background:#e9edf1}
.hero{color:#111820!important}.hero h1{color:#05080b!important}.hero-lead{color:#303a43!important;font-size:20px!important;font-weight:600}.hero .eyebrow{color:#b51f1f!important}.hero-card{background:#fff!important;border:1px solid #dfe5ea!important}.hero-card-top{color:#202a33!important;font-size:15px!important;font-weight:800}.preview-line{color:#4d5963!important}.preview-line b{color:#111820!important;font-size:16px!important}.hero-card>p{color:#4d5963!important;font-size:14px!important}.hero-trust span{color:#3f4a54!important;font-size:14px!important;font-weight:700}.hero-trust strong{color:#05080b!important;font-size:34px!important}
.section-head>p,.calc-layout>div>p,.service-card p,.form-help{font-size:16px!important;color:#202a33!important}.service-card h3{font-size:23px!important}.service-card p{line-height:1.65}.section-head h2,.calc-layout h2,.about-grid h2,.faq-wrap h2,.contact-grid h2{color:#05080b!important}.calc-result strong{font-size:38px!important}.process li,.process li b,.process li span{color:#111820!important}.process li b{font-size:18px!important}.process li span{font-size:15px!important}
@media(max-width:1000px){.desktop-nav{display:none}.brand-title{font-size:clamp(22px,5vw,31px)!important}.header-brand-row{min-height:54px}.phone-link{display:none}.header-actions .btn{display:none}}
@media(max-width:680px){.header-inner{padding:7px 0!important}.header-brand-row{min-height:56px;gap:8px}.brand-wordmark{gap:8px}.brand-wordmark img{width:38px!important;height:38px!important;flex-basis:38px}.brand-title{font-size:20px!important;line-height:1.02!important;white-space:normal!important}.language-select select{font-size:12px;padding:8px 4px}.menu-button{padding:10px 12px}.menu-button b{display:none}.menu-button span{font-size:22px}.hero{padding:48px 0 45px!important}.hero h1{font-size:clamp(34px,10vw,48px)!important}.hero-lead{font-size:17px!important}.hero-trust{gap:15px}.hero-trust strong{font-size:27px!important}.hero-trust span{font-size:12px!important}.site-menu-panel{right:10px;top:10px;width:calc(100% - 20px);max-height:calc(100vh - 20px);padding:18px;border-radius:20px}.site-menu-panel nav a{font-size:16px;padding:12px}.section-head>p,.calc-layout>div>p,.service-card p{font-size:16px!important}}

/* V9 — усиленная шапка, цельная строка бренда и максимальный контраст тёмных блоков */
.site-header{background:rgba(255,255,255,.97)!important;border-bottom:2px solid rgba(5,8,11,.12)!important;box-shadow:0 7px 28px rgba(5,8,11,.14)!important}
.header-inner{max-width:1380px!important;padding:8px 18px 9px!important}
.header-brand-row{min-height:66px!important;gap:14px!important}
.brand-wordmark{gap:13px!important;min-width:0!important;flex:1 1 auto!important}
.brand-wordmark img{width:78px!important;height:58px!important;flex:0 0 78px!important;object-fit:contain!important;object-position:center!important;filter:contrast(1.08) saturate(1.08)!important}
.brand-title{font-size:clamp(25px,3.35vw,44px)!important;font-weight:1000!important;letter-spacing:-.055em!important;line-height:.98!important;color:#000!important;text-shadow:0 1px 0 rgba(0,0,0,.08)!important;white-space:nowrap!important}
.menu-button{min-height:50px!important;padding:12px 18px!important;border:2px solid #000!important;background:#05080b!important;font-size:16px!important;font-weight:1000!important;box-shadow:0 7px 20px rgba(0,0,0,.22)!important}
.menu-button span{font-size:22px!important;font-weight:1000!important}
.site-menu-head strong{font-size:22px!important;font-weight:1000!important;color:#05080b!important}
.site-menu-panel nav a{font-weight:900!important;color:#05080b!important}

/* Тёмные секции: белый текст с высоким контрастом */
.section-dark,.section-dark *{color:#fff!important}
.section-dark{background:#05080b!important}
.section-dark .section-head h2,.section-dark .section-head p,.section-dark .eyebrow{color:#fff!important}
.section-dark .section-head p{font-weight:650!important;opacity:1!important}
.section-dark figure figcaption{color:#fff!important;font-weight:900!important;text-shadow:0 2px 8px rgba(0,0,0,.9)!important}
.section-dark a{color:#fff!important}
.section-dark .card,.section-dark .service-card,.section-dark .portfolio-card{color:#fff!important}

/* Текст портфолио — особенно хорошо читается на чёрном фоне */
#portfolio .section-head>p{font-size:18px!important;line-height:1.55!important;font-weight:700!important;max-width:720px}
#portfolio .section-head h2{font-size:clamp(28px,4vw,44px)!important;font-weight:950!important}
#portfolio .eyebrow{font-weight:950!important;letter-spacing:.14em!important}

/* На телефоне бренд остаётся строго в одну строку */
@media(max-width:1000px){
  .header-inner{padding-left:12px!important;padding-right:12px!important}
  .header-brand-row{min-height:60px!important}
  .brand-wordmark img{width:68px!important;height:52px!important;flex-basis:68px!important}
  .brand-title{font-size:clamp(20px,5.7vw,31px)!important;white-space:nowrap!important}
  .header-actions{gap:6px!important}
  .language-select{display:none!important}
}
@media(max-width:680px){
  .header-inner{padding:6px 9px!important}
  .header-brand-row{min-height:56px!important;gap:5px!important}
  .brand-wordmark{gap:7px!important}
  .brand-wordmark img{width:58px!important;height:48px!important;flex-basis:58px!important}
  .brand-title{font-size:clamp(16px,5.25vw,21px)!important;letter-spacing:-.045em!important;white-space:nowrap!important}
  .menu-button{min-height:46px!important;width:46px!important;padding:8px!important;border-radius:13px!important;justify-content:center!important}
  .menu-button b{display:none!important}
  .menu-button span{font-size:23px!important}
  #portfolio .section-head>p{font-size:17px!important;line-height:1.55!important}
}

/* V10 — максимальная читаемость блока услуг и более заметный фирменный знак */
#services{background:#05080b!important;color:#fff!important}
#services .eyebrow,#services h2,#services .section-head>p,#services .micro-note,
#services .service-card,#services .service-card h3,#services .service-card p{color:#fff!important}
#services .section-head{align-items:start!important}
#services .section-head h2{font-size:clamp(34px,4.6vw,58px)!important;font-weight:950!important;line-height:1.06!important}
#services .section-head>p{font-size:20px!important;line-height:1.55!important;font-weight:650!important;max-width:520px!important}
#services .micro-note{font-size:16px!important;line-height:1.55!important;font-weight:600!important;max-width:560px!important;opacity:1!important}
#services .service-card{background:linear-gradient(145deg,#11161b,#0b0e12)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 12px 35px rgba(0,0,0,.20)!important}
#services .service-card span{color:#fff!important;font-size:18px!important;font-weight:950!important}
#services .service-card h3{font-size:25px!important;font-weight:900!important;line-height:1.15!important}
#services .service-card p{font-size:17px!important;line-height:1.65!important;font-weight:550!important}

/* Header: бренд максимально заметный, логотип читаемый */
.brand-wordmark img{content:url('/logo-mark.png')!important;width:62px!important;height:62px!important;object-fit:contain!important;background:#fff;border-radius:12px;padding:2px;box-shadow:0 3px 14px rgba(0,0,0,.12)!important}
.brand-title{font-size:clamp(27px,3.55vw,48px)!important;font-weight:1000!important;letter-spacing:-.06em!important;line-height:.95!important}
@media(max-width:1000px){
  .brand-wordmark img{width:54px!important;height:54px!important;flex-basis:54px!important}
  .brand-title{font-size:clamp(19px,5.5vw,30px)!important;white-space:nowrap!important}
  #services .section-head>p{font-size:18px!important}
  #services .micro-note{font-size:15px!important}
}
@media(max-width:680px){
  .header-brand-row{min-height:54px!important}
  .brand-wordmark{gap:6px!important}
  .brand-wordmark img{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:10px}
  .brand-title{font-size:clamp(15px,5.1vw,20px)!important;letter-spacing:-.05em!important;white-space:nowrap!important}
  .menu-button{min-height:44px!important;width:44px!important}
  #services .section-head{display:block!important}
  #services .section-head>p{font-size:18px!important;line-height:1.55!important;margin-top:16px!important}
  #services .micro-note{font-size:15px!important;line-height:1.55!important;margin-top:12px!important}
  #services .service-card h3{font-size:22px!important}
  #services .service-card p{font-size:16px!important;line-height:1.6!important}
}

/* V11 — MAX READABILITY / WHITE TEXT ON ALL DARK SURFACES */
/* Главная шапка: бренд всегда одной строкой и максимально заметный */
.site-header{background:rgba(255,255,255,.98)!important;color:#05080b!important;border-bottom:2px solid rgba(5,8,11,.16)!important;box-shadow:0 8px 30px rgba(5,8,11,.16)!important}
.header-inner{max-width:1380px!important;padding:8px 18px!important}
.header-brand-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:66px!important}
.brand-wordmark{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important}
.brand-wordmark img{content:url('/logo-mark.png')!important;width:58px!important;height:58px!important;flex:0 0 58px!important;object-fit:contain!important;background:#fff!important;border:1px solid rgba(5,8,11,.08)!important;border-radius:12px!important;padding:2px!important;filter:none!important;box-shadow:0 4px 16px rgba(0,0,0,.12)!important}
.brand-title{display:block!important;min-width:0!important;font-size:clamp(22px,3.1vw,42px)!important;font-weight:1000!important;letter-spacing:-.055em!important;line-height:.98!important;color:#000!important;white-space:nowrap!important;overflow:visible!important}
.menu-button{flex:0 0 auto!important;min-height:52px!important;padding:12px 18px!important;border:2px solid #000!important;background:#05080b!important;color:#fff!important;border-radius:13px!important;font-size:17px!important;font-weight:1000!important;box-shadow:0 8px 24px rgba(0,0,0,.24)!important}
.menu-button span{font-size:22px!important;font-weight:1000!important}
.menu-button b{font-weight:1000!important}

/* Все тёмные секции: никаких серых/тёмных букв на тёмном фоне */
.section-dark,.section-dark *{color:#fff!important}
.section-dark{background:#05080b!important}
.section-dark .eyebrow,.section-dark .section-head h2,.section-dark .section-head>p{color:#fff!important;opacity:1!important}
.section-dark .section-head>p{font-size:18px!important;line-height:1.6!important;font-weight:600!important}
.section-dark .eyebrow{font-size:15px!important;font-weight:950!important;letter-spacing:.14em!important}
.section-dark .service-card{background:linear-gradient(145deg,#14191e,#0b0e12)!important;border:1px solid rgba(255,255,255,.25)!important}
.section-dark .service-card span{font-size:18px!important;font-weight:950!important;color:#fff!important}
.section-dark .service-card h3{font-size:24px!important;line-height:1.15!important;font-weight:950!important;color:#fff!important}
.section-dark .service-card p{font-size:17px!important;line-height:1.65!important;font-weight:600!important;color:#fff!important}
.section-dark .portfolio-grid figure{background:#111820!important;border:1px solid rgba(255,255,255,.18)!important}
.section-dark .portfolio-grid figcaption{font-size:16px!important;font-weight:900!important;color:#fff!important;background:#111820!important}

/* PROFI-RU / Услуги — крупный заголовок и хорошо читаемый текст */
#services{background:#05080b!important;color:#fff!important}
#services .eyebrow,#services h2,#services .section-head>p,#services .micro-note,
#services .service-card,#services .service-card h3,#services .service-card p,#services .service-card span{color:#fff!important}
#services .section-head h2{font-size:clamp(36px,4.8vw,60px)!important;line-height:1.05!important;font-weight:1000!important;letter-spacing:-.045em!important}
#services .section-head>p{font-size:19px!important;line-height:1.6!important;font-weight:650!important;max-width:560px!important}
#services .micro-note{font-size:16px!important;line-height:1.6!important;font-weight:600!important}
#services .service-card h3{font-size:25px!important;font-weight:950!important}
#services .service-card p{font-size:17px!important;font-weight:600!important;line-height:1.65!important}

/* Тёмные информационные плашки, включая «Контроль без постоянных поездок» */
.remote-banner{background:#05080b!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 15px 40px rgba(0,0,0,.18)!important}
.remote-banner strong,.remote-banner span{color:#fff!important;opacity:1!important}
.remote-banner strong{font-size:23px!important;font-weight:950!important;line-height:1.2!important}
.remote-banner span{font-size:17px!important;font-weight:600!important;line-height:1.6!important;margin-top:7px!important}

/* Портфолио: фраза про материалы теперь гарантированно белая */
#portfolio .section-head h2,#portfolio .section-head>p,#portfolio .eyebrow{color:#fff!important;opacity:1!important}
#portfolio .section-head h2{font-size:clamp(36px,4.8vw,58px)!important;font-weight:1000!important}
#portfolio .section-head>p{font-size:18px!important;font-weight:650!important;line-height:1.6!important}

/* VIP и социальный блок также без тёмного текста на тёмном */
.vip-section,.vip-section *{color:#fff!important}
.vip-section{background:#071019!important}
.vip-head h2,.vip-head p,.vip-card h3,.vip-card p,.vip-note,.vip-card li,.vip-meta small,.vip-meta b{color:#fff!important;opacity:1!important}
.vip-head h2{font-size:clamp(36px,4.8vw,54px)!important;font-weight:1000!important}
.vip-head p{font-size:18px!important;line-height:1.6!important;font-weight:600!important}
.vip-note{font-size:14px!important;line-height:1.55!important}
.vip-card h3{font-size:23px!important;font-weight:900!important}
.vip-card .vip-tag{color:#fff!important}
.vip-files small,.vip-payment small,.vip-meta small,.progress-line{color:#fff!important;opacity:.9!important}
.social-section,.social-section *{color:#fff!important}
.social-section p{font-size:17px!important;line-height:1.6!important;color:#fff!important;font-weight:600!important;opacity:1!important}
.social-grid h2{font-size:clamp(36px,4.8vw,54px)!important;font-weight:1000!important}
.social-card{color:#fff!important}
.social-card span,.social-card i{color:#fff!important;opacity:1!important}

/* Убираем остатки слишком мелкого текста там, где фон тёмный */
.dark-section small,.section-dark small,.section-dark .micro-note,.vip-section small{font-size:13px!important;line-height:1.5!important}

@media(max-width:1000px){
  .header-brand-row{min-height:60px!important}
  .brand-wordmark img{width:50px!important;height:50px!important;flex-basis:50px!important}
  .brand-title{font-size:clamp(20px,4.8vw,31px)!important;white-space:nowrap!important}
  .menu-button{min-height:50px!important;padding:11px 14px!important}
}
@media(max-width:680px){
  .header-inner{padding:6px 9px!important}
  .header-brand-row{min-height:55px!important;gap:6px!important}
  .brand-wordmark{gap:6px!important}
  .brand-wordmark img{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:10px!important}
  .brand-title{font-size:clamp(15px,5.25vw,21px)!important;letter-spacing:-.05em!important;white-space:nowrap!important}
  .menu-button{min-height:44px!important;padding:9px 11px!important;border-radius:11px!important}
  .menu-button span{font-size:21px!important}
  .menu-button b{display:none!important}
  #services .section-head h2,#portfolio .section-head h2{font-size:34px!important}
  #services .section-head>p,#portfolio .section-head>p{font-size:17px!important;line-height:1.58!important}
  #services .service-card h3{font-size:22px!important}
  #services .service-card p{font-size:16px!important;line-height:1.62!important}
  .remote-banner strong{font-size:21px!important}
  .remote-banner span{font-size:16px!important;line-height:1.58!important}
  .vip-head h2,.social-grid h2{font-size:34px!important}
  .vip-head p,.social-section p{font-size:16px!important}
}

/* V12 — premium readability, brand hierarchy, materials and client registration */
.site-header .header-brand-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:18px!important}
.site-header .brand-wordmark{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important}
.site-header .brand-wordmark img{width:54px!important;height:54px!important;object-fit:contain!important;flex:0 0 54px!important}
.site-header .brand-title{display:block!important;font-size:clamp(25px,3.4vw,46px)!important;font-weight:1000!important;letter-spacing:-.055em!important;line-height:.98!important;color:#000!important;white-space:nowrap!important}
.site-header .header-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:9px!important}
.site-header .menu-button{background:#05080b!important;color:#fff!important;border:0!important;border-radius:14px!important;min-height:48px!important;padding:10px 16px!important;font-weight:1000!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.site-header .menu-button span{font-size:22px!important}.site-header .menu-button b{font-size:15px!important}
.site-header .language-select select{font-size:13px!important;font-weight:900!important;color:#05080b!important}
.section-dark{color:#fff!important}.section-dark .section-head h2,.section-dark .section-head p,.section-dark .section-head .micro-note,.section-dark .service-card h3,.section-dark .service-card p,.section-dark .service-card span,.section-dark .service-card small,.section-dark .eyebrow{color:#fff!important}
.section-dark .section-head>p{font-size:18px!important;line-height:1.65!important;font-weight:600!important}.section-dark .micro-note{font-size:15px!important;line-height:1.6!important;opacity:.92!important}
.section-dark .service-card{min-height:260px!important;padding:30px!important;background:linear-gradient(145deg,#111820,#0b1118)!important;border-color:rgba(255,255,255,.16)!important}.section-dark .service-card h3{font-size:24px!important;line-height:1.15!important;margin:28px 0 12px!important}.section-dark .service-card p{font-size:17px!important;line-height:1.62!important;opacity:.95!important}
.remote-grid{align-items:stretch!important}.remote-card{min-height:0!important;height:100%!important;padding:28px!important;display:flex!important;flex-direction:column!important}.remote-card h3{font-size:22px!important;line-height:1.2!important;margin:14px 0 10px!important}.remote-card p{font-size:16px!important;line-height:1.6!important}.remote-banner strong{font-size:24px!important;font-weight:1000!important}.remote-banner span{font-size:17px!important;line-height:1.55!important;color:#fff!important;font-weight:600!important}.remote-banner{padding:30px!important}
.director-grid{align-items:start!important}.director-copy p{font-size:17px!important;line-height:1.72!important;color:#27313a!important}.director-copy h2{font-weight:950!important}.director-visual{display:grid;gap:16px}.director-photo{margin:0;border-radius:26px;overflow:hidden;background:#0b1118;box-shadow:0 20px 60px rgba(0,0,0,.16)}.director-photo img{width:100%;height:520px;object-fit:cover;object-position:center 20%}.director-photo figcaption{padding:14px 18px;color:#fff;background:#0b1118;font-size:15px;font-weight:800}.about-panel{padding:6px!important}.about-stat{padding:20px 15px!important}.about-stat strong{font-size:32px!important}.about-stat span{font-size:14px!important;font-weight:700!important}
#portfolio.section-dark .section-head>p{color:#fff!important;font-size:18px!important;font-weight:600!important}.section-dark .portfolio-grid figure{background:#111820!important}.section-dark .portfolio-grid figcaption{font-size:17px!important;color:#fff!important;background:#111820!important}
.material-grid{align-items:stretch!important}.material-card{min-height:460px!important;padding:0 18px 18px!important;overflow:hidden!important}.material-photo{margin:0 -18px 15px!important;height:190px!important;background:#eef2f5!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.material-photo img{width:100%!important;height:100%!important;object-fit:cover!important}.material-card h3{font-size:20px!important;line-height:1.2!important}.material-card p{font-size:14px!important;line-height:1.5!important;min-height:42px!important;color:#39434d!important}.material-specs{display:grid!important;gap:4px!important;padding:10px 12px!important;margin:8px 0!important;background:#f5f7f9!important;border-radius:12px!important}.material-specs b{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#111820!important}.material-specs span{font-size:13px!important;line-height:1.45!important;color:#4d5963!important;font-weight:600!important}.material-card .supplier{font-size:12px!important;color:#44515d!important}.material-price b{font-size:23px!important}.material-card>small{font-size:12px!important;color:#5a6670!important;font-weight:700!important}.material-card button{margin-top:12px!important;min-height:46px!important;font-size:14px!important}
.material-modal-card{background:#0b1118!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}.material-modal-card h2,.material-modal-card .section-title,.material-modal-card .cart-total,.material-modal-card .cart-total span,.material-modal-card .cart-total strong{color:#fff!important}.material-modal-card .eyebrow{color:#ff7c72!important}.material-cart-row{grid-template-columns:72px 1fr auto auto!important;border-color:rgba(255,255,255,.12)!important}.material-cart-row img{width:64px;height:64px;border-radius:10px;object-fit:cover;background:#1a2631}.material-cart-row b{font-size:15px;color:#fff!important}.material-cart-row small{font-size:12px;color:#b9c4cc!important}.material-cart-row button{background:#26313a!important;color:#fff!important;font-size:18px!important}.cart-form input,.cart-form textarea{background:#111820!important;color:#fff!important;border-color:#33424f!important}.cart-form input::placeholder,.cart-form textarea::placeholder{color:#9eabb5!important}.market-note{font-size:14px!important;color:#2b3640!important;line-height:1.55!important}
.vip-login-card{display:block!important}.vip-login-form{grid-template-columns:1fr 1fr auto auto auto!important;margin-top:14px!important}.vip-register-form{display:grid!important;grid-template-columns:1fr 1fr 1fr auto auto;gap:8px;margin-top:10px}.vip-register-form[hidden]{display:none!important}.vip-input{background:#0a141d!important;color:#fff!important;border:1px solid #344551!important}.vip-input::placeholder{color:#9eabb5!important}.vip-login-card .vip-note{font-size:14px!important;line-height:1.5!important;color:#c5d0d8!important}.vip-card h3{font-size:22px!important}
/* keep all dark surfaces readable */
.section-dark *,.vip-section *{text-shadow:none}.section-dark a{color:#fff}.section-dark .service-card span{color:#ff9b91!important}
@media(max-width:1000px){.site-header .brand-title{font-size:clamp(22px,4.2vw,34px)!important}.site-header .brand-wordmark img{width:48px!important;height:48px!important;flex-basis:48px!important}.vip-login-form{grid-template-columns:1fr 1fr!important}.vip-register-form{grid-template-columns:1fr 1fr!important}.director-photo img{height:420px!important}}
@media(max-width:680px){
 .site-header .header-inner{height:auto!important;padding:7px 9px!important}.site-header .header-brand-row{gap:7px!important}.site-header .brand-wordmark{gap:7px!important}.site-header .brand-wordmark img{width:38px!important;height:38px!important;flex-basis:38px!important}.site-header .brand-title{font-size:clamp(16px,5.3vw,21px)!important;letter-spacing:-.045em!important;white-space:nowrap!important}.site-header .language-select{display:none!important}.site-header .menu-button{min-height:44px!important;padding:9px 12px!important}.site-header .menu-button b{display:none!important}.site-header .menu-button span{font-size:23px!important}
 .section-dark .section-head>p{font-size:17px!important}.section-dark .service-card{min-height:0!important;padding:24px!important}.section-dark .service-card h3{font-size:22px!important}.section-dark .service-card p{font-size:16px!important}.remote-card{padding:23px!important}.remote-card h3{font-size:21px!important}.remote-card p{font-size:16px!important}.remote-banner strong{font-size:22px!important}.remote-banner span{font-size:16px!important}.director-copy p{font-size:16px!important}.director-photo img{height:390px!important}.material-grid{grid-template-columns:1fr!important}.material-card{min-height:0!important}.material-photo{height:210px!important}.market-toolbar{grid-template-columns:1fr!important}.material-cart-row{grid-template-columns:58px 1fr auto!important}.material-cart-row>strong{grid-column:2}.material-cart-row>div:last-child{grid-column:2}.vip-login-form{grid-template-columns:1fr!important}.vip-register-form{grid-template-columns:1fr!important}.vip-login-form .btn,.vip-register-form .btn{width:100%!important}
}

/* V13 — desktop layout, visible translator, readable auth and clean materials gallery */
.container{width:min(1380px,calc(100% - 56px))!important}
.site-header{z-index:100!important}
.site-header .header-inner{width:100%!important;max-width:none!important;height:auto!important;display:block!important;padding:10px 0!important}
.site-header .header-brand-row{min-height:64px!important}
.site-header .brand-wordmark{flex:1 1 auto!important;min-width:0!important}
.site-header .brand-title{font-size:clamp(27px,3vw,48px)!important;font-weight:1000!important;color:#05080b!important;white-space:nowrap!important;letter-spacing:-.055em!important}
.site-header .brand-wordmark img{width:58px!important;height:58px!important;flex-basis:58px!important;background:#fff!important}
.site-header .header-actions{gap:10px!important}
.site-header .language-select{display:flex!important;align-items:center!important}
.site-header .language-select select{display:block!important;min-width:74px!important;min-height:46px!important;font-size:14px!important;font-weight:950!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:101!important}
.site-header .menu-button{cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:102!important}
.site-header .desktop-nav{display:flex!important;max-width:1380px!important;margin:6px auto 0!important;padding:9px 0 2px!important;border-top:1px solid rgba(15,23,32,.08)!important;justify-content:center!important;flex-wrap:wrap!important;gap:12px 20px!important}
.site-header .desktop-nav a{font-size:13px!important;font-weight:850!important}
@media(max-width:1000px){
 .site-header .desktop-nav{display:none!important}
 .site-header .brand-title{font-size:clamp(21px,4.8vw,34px)!important}
 .site-header .brand-wordmark img{width:50px!important;height:50px!important;flex-basis:50px!important}
}
@media(max-width:680px){
 .container{width:min(100% - 24px,1380px)!important}
 .site-header .header-inner{padding:7px 9px!important}
 .site-header .header-brand-row{min-height:58px!important;gap:7px!important}
 .site-header .brand-wordmark{gap:6px!important;min-width:0!important}
 .site-header .brand-wordmark img{width:38px!important;height:38px!important;flex-basis:38px!important}
 .site-header .brand-title{font-size:clamp(15px,5.15vw,21px)!important;letter-spacing:-.055em!important;white-space:nowrap!important}
 .site-header .language-select{display:flex!important}
 .site-header .language-select select{min-width:50px!important;width:50px!important;height:42px!important;padding:7px 3px!important;font-size:11px!important}
 .site-header .menu-button{min-height:42px!important;padding:8px 10px!important}
 .site-header .menu-button span{font-size:22px!important}
}

/* Strong, unambiguous contrast on every dark information surface */
.section-dark,.section-dark *,.vip-section,.vip-section *,.social-section,.social-section *{text-shadow:none!important}
.section-dark .section-head h2,.section-dark .section-head>p,.section-dark .eyebrow,.section-dark .service-card h3,.section-dark .service-card p,.section-dark .service-card span,.section-dark .portfolio-grid figcaption{color:#fff!important;opacity:1!important}
.section-dark .section-head>p,.section-dark .service-card p{font-size:18px!important;line-height:1.65!important;font-weight:650!important}
.section-dark .service-card h3{font-size:25px!important;line-height:1.18!important;font-weight:950!important}
.section-dark .service-card{color:#fff!important}
.vip-card,.vip-card *{color:#fff!important}
.vip-card .vip-input{color:#111820!important;background:#fff!important;border:2px solid #aebdca!important;min-height:50px!important;font-size:15px!important;font-weight:650!important;pointer-events:auto!important;position:relative!important;z-index:2!important}
.vip-card .vip-input::placeholder{color:#667580!important;opacity:1!important}
.vip-card .vip-input:focus{outline:3px solid rgba(0,113,227,.25)!important;border-color:#0071e3!important}
.vip-card .vip-input:-webkit-autofill{-webkit-text-fill-color:#111820!important;-webkit-box-shadow:0 0 0 1000px #fff inset!important}
.vip-login-form .btn,.vip-register-form .btn{min-height:50px!important;position:relative!important;z-index:3!important;pointer-events:auto!important;cursor:pointer!important;font-size:14px!important}
.vip-register-form{position:relative!important;z-index:2!important}

/* Materials gallery: show only the two bright manufacturer boards requested */
#portfolio .portfolio-grid figure:nth-child(6){display:none!important}
#portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.material-brands-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.material-brands-gallery figure{margin:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.12)}
.material-brands-gallery img{width:100%;height:300px;object-fit:cover;display:block}
.material-brands-gallery figcaption{padding:14px 16px;background:#111820;color:#fff;font-size:18px;font-weight:900}
@media(max-width:680px){.material-brands-gallery{grid-template-columns:1fr}.material-brands-gallery img{height:220px}.material-brands-gallery figcaption{font-size:16px}}

/* Registration card — clear, tappable controls on phones */
#vip-cabinet .vip-login-card{overflow:visible!important}
#vipRegisterToggle,#vipRegisterCancel,#vipLogout{touch-action:manipulation!important}
@media(max-width:680px){
 #vip-cabinet .vip-login-form,#vip-cabinet .vip-register-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 #vip-cabinet .vip-login-form .btn,#vip-cabinet .vip-register-form .btn{width:100%!important}
 #vip-cabinet .vip-input{width:100%!important;min-height:52px!important;font-size:16px!important}
}


/* V14 — premium video testimonials / mini-reports */
.video-reviews-panel{margin:28px 0 30px;padding:26px;border-radius:28px;background:#0a1016;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.16)}
.video-reviews-intro{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.video-reviews-intro h3{font-size:clamp(27px,3vw,42px);line-height:1.08;margin:7px 0 12px;color:#fff;font-weight:950}.video-reviews-intro p{max-width:850px;color:#f2f5f7;font-size:18px;line-height:1.65;font-weight:600;margin:0 0 10px}.video-bonus{padding:16px 18px;border-radius:18px;background:#111c26;border:1px solid rgba(255,255,255,.12);color:#fff!important}.video-bonus b{color:#fff}.video-reviews-intro>.btn{flex:0 0 auto;min-height:52px;font-size:15px;font-weight:900}.video-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.video-review-card{overflow:hidden;border-radius:22px;background:#101922;border:1px solid rgba(255,255,255,.11);color:#fff}.video-frame{background:#000;aspect-ratio:16/10}.video-frame video{width:100%;height:100%;object-fit:cover;display:block}.video-review-body{padding:17px}.video-review-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.video-review-meta b{font-size:16px;color:#fff}.video-review-meta span{font-size:12px;color:#ffb0a8;font-weight:800}.video-review-body h4{font-size:21px;line-height:1.2;margin:9px 0;color:#fff}.video-review-body p{font-size:15px;line-height:1.55;color:#e7edf1;margin:0;font-weight:550}.video-empty{grid-column:1/-1;padding:24px;border-radius:18px;border:1px dashed rgba(255,255,255,.2);color:#e9eef2;font-size:16px;text-align:center}.video-review-form-wrap{margin-top:22px}.video-review-form{padding:24px;border-radius:22px;background:#fff;color:#0b1218}.video-form-head{display:flex;justify-content:space-between;gap:20px}.video-form-head h3{font-size:28px;margin:7px 0}.video-form-head p{max-width:800px;color:#34424c;font-size:16px;line-height:1.55}.video-form-head .video-form-close{position:static;background:#edf1f4;color:#101820;width:44px;height:44px;border-radius:50%;font-size:28px}.video-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.video-review-form label{display:grid;gap:7px;margin-top:13px;font-size:14px;font-weight:900;color:#17232c}.video-review-form input:not([type=checkbox]),.video-review-form textarea{width:100%;padding:13px 14px;border:1px solid #b7c2ca;border-radius:12px;background:#fff;color:#111820;font:inherit;font-size:16px}.video-review-form textarea{resize:vertical;min-height:110px}.video-file-label input[type=file]{padding:12px;background:#f3f6f8}.video-file-label small{font-size:13px;color:#4a5a64;font-weight:700}.video-review-form .consent{display:flex;grid-template-columns:none;align-items:flex-start;gap:10px;font-weight:650;font-size:14px;line-height:1.45}.video-review-form .consent input{margin-top:3px;min-width:20px;width:20px;height:20px}.video-form-actions{display:flex;align-items:center;gap:14px;margin-top:16px}.video-review-message{font-size:14px;font-weight:850;color:#34424c}.video-review-message.ok{color:#13733c}.video-review-message.error{color:#a52222}
@media(max-width:900px){.video-reviews-grid{grid-template-columns:1fr 1fr}.video-reviews-intro{display:block}.video-reviews-intro>.btn{margin-top:12px}.video-form-grid{grid-template-columns:1fr}}
@media(max-width:680px){.video-reviews-panel{padding:18px;border-radius:22px}.video-reviews-intro h3{font-size:27px}.video-reviews-intro p{font-size:16px}.video-reviews-grid{grid-template-columns:1fr}.video-review-body h4{font-size:20px}.video-form-head h3{font-size:23px}.video-review-form{padding:18px}.video-form-actions{display:block}.video-form-actions .btn{width:100%;margin-bottom:10px}}

.video-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}


/* V15 — final header fit, mobile scale, registration UX and side-by-side map */
.site-header .header-inner{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding-left:max(18px,calc((100vw - 1380px)/2))!important;padding-right:max(18px,calc((100vw - 1380px)/2))!important}
.site-header .header-brand-row{display:flex!important;align-items:center!important;min-width:0!important}
.site-header .brand-wordmark{min-width:0!important;max-width:calc(100% - 300px)!important}
.site-header .brand-title{font-size:clamp(30px,2.65vw,42px)!important;font-weight:1000!important;letter-spacing:-.06em!important;white-space:nowrap!important;overflow:visible!important}
.site-header .header-actions{white-space:nowrap!important;flex:0 0 auto!important}
.site-header .language-select select{appearance:auto!important;-webkit-appearance:auto!important;opacity:1!important;background:#fff!important;color:#05080b!important}
@media(min-width:1001px){
  .site-header .header-inner{display:block!important}
  .site-header .header-brand-row{min-height:68px!important}
  .site-header .desktop-nav{max-width:1380px!important}
  .contact-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;align-items:start!important;gap:42px!important}
  .contact-map{position:sticky!important;top:110px!important}
  .contact-map iframe{height:470px!important}
}
@media(min-width:681px) and (max-width:1000px){
  .site-header .brand-wordmark{max-width:calc(100% - 190px)!important}
  .site-header .brand-title{font-size:clamp(24px,4vw,32px)!important}
  .contact-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;gap:28px!important}
  .contact-map iframe{height:430px!important}
}
@media(max-width:680px){
  .site-header .header-inner{padding-left:10px!important;padding-right:10px!important}
  .site-header .brand-wordmark{max-width:calc(100% - 108px)!important}
  .site-header .brand-title{font-size:clamp(14px,4.8vw,19px)!important;letter-spacing:-.05em!important;white-space:nowrap!important}
  .site-header .brand-wordmark img{width:36px!important;height:36px!important;flex-basis:36px!important}
  .site-header .header-brand-row{gap:5px!important;min-height:54px!important}
  .site-header .header-actions{gap:5px!important}
  .site-header .language-select select{min-width:46px!important;width:46px!important;height:38px!important;font-size:10px!important}
  .site-header .menu-button{min-height:40px!important;padding:7px 9px!important}
  .site-header .menu-button span{font-size:21px!important}
  .site-header .menu-button b{display:none!important}
  .contact-grid{grid-template-columns:1fr!important}
  .contact-map{order:2!important}
  .contact-map iframe{height:320px!important}
  #vipRegisterToggle{font-weight:950!important}
}
/* Registration opens only after tapping «Регистрация»; the form is clean and fully tappable. */
#vipRegisterForm[hidden]{display:none!important}
#vipRegisterForm .btn{opacity:1!important;visibility:visible!important}
#vipRegisterCancel{background:#e9eef2!important;color:#101820!important;border:1px solid #c7d0d7!important}
#vipRegisterToggle{background:#fff!important;color:#101820!important;border:1px solid #c7d0d7!important}

/* V16 — translator restored, consistent VIP buttons, stronger typography */
.site-header .language-select{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;min-width:0!important}
.site-header .language-select select{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;flex:0 0 auto!important}
.site-header .brand-title{font-weight:1000!important}
.site-header .header-actions{flex-shrink:0!important}

/* All VIP auth actions use the same clear blue primary style */
#vipLoginForm .btn,
#vipRegisterForm .btn{background:#0071e3!important;color:#fff!important;border:1px solid #0071e3!important;opacity:1!important;visibility:visible!important;font-weight:900!important;box-shadow:0 5px 16px rgba(0,113,227,.18)!important}
#vipLoginForm .btn:hover,
#vipRegisterForm .btn:hover{background:#005fc2!important;border-color:#005fc2!important}
#vipRegisterForm .btn{min-height:50px!important}

/* Slightly stronger default typography for comfortable reading */
body{font-weight:500!important}
p,li,dd,dt,figcaption,.form-help,.market-note,.vip-note{font-weight:500}
.section-head>p,.service-card p,.hero-lead,.remote-card p,.director-copy p{font-weight:650!important}
.small,small{font-weight:600}

@media(max-width:680px){
  .site-header .header-inner{padding-left:8px!important;padding-right:8px!important}
  .site-header .brand-wordmark{max-width:calc(100% - 98px)!important;flex:1 1 auto!important}
  .site-header .brand-title{font-size:clamp(14px,4.65vw,19px)!important;font-weight:1000!important}
  .site-header .language-select{display:flex!important;flex:0 0 46px!important;width:46px!important;visibility:visible!important}
  .site-header .language-select select{display:block!important;width:46px!important;min-width:46px!important;height:38px!important;font-size:10px!important;padding:6px 2px!important}
  .site-header .header-actions{gap:4px!important}
  .site-header .menu-button{flex:0 0 auto!important}
}

/* V19 — Sapphire Signature / Day-Night Premium UI */
:root{
  --sapphire:#55bfe9;--sapphire2:#2f8fc7;--sapphire3:#0e6fa8;--sapphire-soft:#e8f8ff;
  --ink:#071722;--bg:#eefaff;--surface:#ffffff;--line:#cfe8f3;--accent:#0d77b7;--accent2:#49b7e6;
  --dark:#eaf8ff;--shadow:0 22px 70px rgba(20,110,150,.14)
}
html{background:#eaf8ff}
body{background:radial-gradient(circle at 50% -20%,rgba(85,191,233,.28),transparent 40%),linear-gradient(180deg,#eefaff 0%,#f8fdff 52%,#eaf7fc 100%);color:#071722}
.site-header{background:linear-gradient(90deg,rgba(235,250,255,.96),rgba(255,255,255,.94),rgba(229,248,255,.96));border-bottom:1px solid rgba(47,143,199,.22);box-shadow:0 10px 35px rgba(31,126,169,.08);overflow:hidden}
.site-header:before{content:"";position:absolute;inset:-100% -20%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.7) 47%,rgba(85,191,233,.25) 50%,transparent 58%);animation:sapphireSweep 9s linear infinite;pointer-events:none}
.header-inner,.header-brand-row,.desktop-nav{position:relative;z-index:2}
.brand-title{background:linear-gradient(90deg,#075e91,#2aa8db 42%,#0b6396 78%,#7bd9f6);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(73,181,229,.22);animation:brandFlow 6s ease-in-out infinite}
.brand-wordmark img{filter:drop-shadow(0 0 12px rgba(69,181,229,.25))}
.theme-toggle{border:1px solid rgba(24,119,166,.24);background:rgba(255,255,255,.72);color:#0b608e;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:19px;display:grid;place-items:center;box-shadow:0 8px 25px rgba(0,100,145,.09)}
.theme-toggle .theme-moon{display:none}.online-pill{height:36px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(24,119,166,.18);display:flex;align-items:center;gap:5px;font-size:11px;color:#17668e;box-shadow:0 6px 20px rgba(0,100,145,.07)}.online-pill i{width:7px;height:7px;border-radius:50%;background:#29c77a;box-shadow:0 0 0 5px rgba(41,199,122,.12),0 0 15px rgba(41,199,122,.7);animation:onlinePulse 1.8s infinite}.online-pill b{font-size:13px}.online-pill small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.hero{background:linear-gradient(135deg,rgba(21,119,164,.96),rgba(81,190,232,.90)),url('/img/sapphire-bg.jpg') center/cover;color:#fff;position:relative}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.28),transparent 22%),radial-gradient(circle at 85% 70%,rgba(255,255,255,.22),transparent 28%);pointer-events:none}.hero>*{position:relative;z-index:1}
.section-dark,.vip-section,.social-section{background:linear-gradient(145deg,#e4f6fd,#cfeef9 52%,#e8f9ff);color:#082031;position:relative;overflow:hidden}.section-dark:before,.vip-section:before,.social-section:before{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(81,190,232,.22),transparent 70%);pointer-events:none}.section-dark .section-head>p,.section-dark .service-card p{color:#385b6b}.section-dark .service-card{background:rgba(255,255,255,.66);border:1px solid rgba(34,126,165,.18);box-shadow:0 14px 40px rgba(27,116,151,.08);backdrop-filter:blur(12px)}.section-dark .service-card h3{color:#082031}.section-dark .service-card span{color:#087bb6!important}.section-dark a{color:#082031}.section-dark .eyebrow,.eyebrow{color:#0a79b2}
.service-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.service-thumb{width:76px;height:58px;object-fit:cover;border-radius:14px;border:1px solid rgba(17,115,155,.15);box-shadow:0 8px 22px rgba(20,100,140,.12);background:#e9f8ff}.service-card h3{margin:24px 0 8px}.service-card{position:relative;overflow:hidden}.service-card:after{content:"";position:absolute;inset:auto -35px -50px auto;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(83,192,235,.16),transparent 68%);pointer-events:none}
.section-soft,.material-market{background:linear-gradient(180deg,#eefaff,#e3f6fd)}.remote-card{background:rgba(255,255,255,.82);border:1px solid rgba(34,126,165,.15);box-shadow:0 15px 45px rgba(20,100,140,.08)}
.market-head{grid-template-columns:1fr 390px}.market-side{display:grid;gap:12px}.daily-promo{min-height:116px;border-radius:24px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;color:#fff;background:linear-gradient(125deg,#075f91,#2da6d8 60%,#73d4ef);box-shadow:0 18px 50px rgba(17,112,153,.24);position:relative;overflow:hidden}.daily-promo:after{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.4) 50%,transparent 58%);animation:sapphireSweep 7s linear infinite}.daily-promo>*{position:relative;z-index:1}.promo-orb{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);font-size:22px;box-shadow:0 0 28px rgba(255,255,255,.22)}.promo-copy{display:grid;gap:2px}.promo-copy span{font-size:9px;letter-spacing:.12em;font-weight:950}.promo-copy b{font-size:14px;line-height:1.25}.promo-copy small{font-size:10px;color:rgba(255,255,255,.82)}.promo-timer{text-align:right;white-space:nowrap}.promo-timer small{display:block;font-size:8px;opacity:.8}.promo-timer strong{font-size:15px;letter-spacing:.04em}.market-cart-card{background:linear-gradient(145deg,#0b2638,#0d5e83);box-shadow:0 18px 55px rgba(13,91,126,.18)}
.material-card{border-color:#cfe8f3;box-shadow:0 14px 38px rgba(22,103,137,.08);transition:.25s transform,.25s box-shadow,.25s border-color}.material-card:hover{transform:translateY(-4px);border-color:#75c9e9;box-shadow:0 22px 55px rgba(18,117,158,.15)}.material-photo{height:175px;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,#e8f8ff,#fff);margin-bottom:11px}.material-photo img{width:100%;height:100%;object-fit:cover}.material-badge{color:#0a72aa!important}
.offer-card{position:relative}.offer-top{display:flex;justify-content:space-between;align-items:center}.offer-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#0876ad;background:linear-gradient(145deg,#e5f8ff,#c7ecfa);border:1px solid #b4dfee;font-size:21px;box-shadow:0 8px 20px rgba(24,111,149,.10)}.offer-card h3{margin-top:18px}
.footer{background:linear-gradient(145deg,#c8e9f6,#8ecbe6);color:#123d50}.footer h3,.footer a{color:#0b3447}.footer img{filter:none}.footer-bottom{border-color:rgba(11,70,95,.16)}
.site-menu{background:rgba(225,247,255,.97)}.site-menu a{color:#0b3f55}
.chat-fab{background:#0d79b7;box-shadow:0 14px 35px rgba(13,121,183,.35)}

/* Night mode */
body.night-mode{background:radial-gradient(circle at 50% -20%,rgba(28,129,177,.20),transparent 42%),linear-gradient(180deg,#07131c,#0b1822 55%,#07131c);color:#eefaff}
body.night-mode .site-header{background:rgba(7,19,28,.88);border-color:rgba(112,198,233,.15)}
body.night-mode .brand-title{filter:drop-shadow(0 0 12px rgba(85,191,233,.28))}.night-mode .theme-toggle{background:#102330;color:#a8e6ff;border-color:#2d6278}.night-mode .theme-sun{display:none}.night-mode .theme-moon{display:block}.night-mode .online-pill{background:#0d202c;color:#a7ddf4;border-color:#245166}.night-mode .section-dark,.night-mode .vip-section,.night-mode .social-section{background:linear-gradient(145deg,#07131c,#0c202c 55%,#07131c);color:#fff}.night-mode .section-dark .section-head>p,.night-mode .section-dark .service-card p{color:#a6c0cb}.night-mode .section-dark .service-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-color:rgba(255,255,255,.12)}.night-mode .section-dark .service-card h3,.night-mode .section-dark a{color:#fff}.night-mode .section-dark .service-card span{color:#72d3f3!important}.night-mode .section-soft,.night-mode .material-market{background:linear-gradient(180deg,#091b27,#0c2431);color:#fff}.night-mode .remote-card,.night-mode .material-card{background:#102532;color:#f4fbff;border-color:#254c60}.night-mode .remote-card p,.night-mode .market-head p{color:#aac1cc}.night-mode .footer{background:linear-gradient(145deg,#06111a,#0b2430);color:#a9c0ca}.night-mode .footer h3,.night-mode .footer a{color:#eafaff}.night-mode .site-menu{background:#081720}.night-mode .site-menu a{color:#eafaff}.night-mode .market-toolbar input,.night-mode .market-toolbar select{background:#102532;color:#fff;border-color:#2a5366}.night-mode .market-note{background:#102532;color:#b8cbd4;border-color:#2a5366}.night-mode .market-cart-card{background:linear-gradient(145deg,#06121b,#0b3b55)}

@keyframes sapphireSweep{0%{transform:translateX(-30%) rotate(0deg)}100%{transform:translateX(30%) rotate(0deg)}}@keyframes brandFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes onlinePulse{50%{box-shadow:0 0 0 8px rgba(41,199,122,.06),0 0 20px rgba(41,199,122,.9)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1000px){.market-head{grid-template-columns:1fr}.market-side{grid-template-columns:1fr 1fr}.daily-promo{min-height:100px}.online-pill small{display:none}}
@media(max-width:680px){.theme-toggle{width:36px;height:36px;font-size:17px}.online-pill{height:34px;padding:0 7px}.online-pill b{font-size:11px}.service-thumb{width:68px;height:52px}.market-side{grid-template-columns:1fr}.daily-promo{grid-template-columns:auto 1fr}.promo-timer{display:none}.market-head h2{font-size:32px}.market-cart-card{border-radius:20px}.site-header:before{animation-duration:12s}}

/* PROFI LIVE — realtime customer chat */
.live-contact-list{gap:10px}.live-contact-list .contact-action{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:14px 16px!important;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.55);transition:.25s}.live-contact-list .contact-action:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(13,121,183,.14)}.contact-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#e8f8ff,#a9ddf6);color:#0876ad;font-size:19px;flex:0 0 38px}.live-contact-list .contact-action small{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.live-contact-list .contact-action b{font-size:15px}.live-chat-launch{position:fixed;right:20px;bottom:88px;z-index:80;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0d79b7,#54c4ef);color:#fff;box-shadow:0 18px 45px rgba(13,121,183,.35);cursor:pointer}.live-chat-launch i{font-style:normal;font-size:9px;animation:profiPulse 1.5s infinite}.live-chat-launch span{font-size:17px}.live-chat-launch.open{opacity:.75}.live-chat{position:fixed;right:20px;bottom:154px;width:min(390px,calc(100vw - 30px));z-index:90;border-radius:22px;overflow:hidden;background:rgba(248,252,255,.97);border:1px solid rgba(13,121,183,.28);box-shadow:0 30px 80px rgba(4,38,57,.28);backdrop-filter:blur(18px)}.live-chat-head{padding:15px 16px;background:linear-gradient(135deg,#0b75ad,#66c8ee);color:#fff;display:flex;justify-content:space-between;align-items:center}.live-chat-head strong{display:block;letter-spacing:.12em;font-size:12px}.live-chat-head small{display:block;margin-top:3px;opacity:.9}.live-chat-head button{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}.live-chat-messages{height:300px;overflow:auto;padding:13px;display:grid;align-content:start;gap:9px;background:linear-gradient(180deg,#f7fbfd,#edf7fb)}.live-msg{max-width:85%;padding:9px 11px;border-radius:14px;background:#fff;border:1px solid #d9ebf3;box-shadow:0 5px 14px rgba(8,70,100,.06)}.live-msg.mine{margin-left:auto;background:#dff4ff;border-color:#b9e4f5}.live-msg b{font-size:10px;color:#1675a5}.live-msg p{margin:4px 0;font-size:13px;line-height:1.4}.live-msg small{font-size:9px;color:#7c909c}.live-chat-empty{padding:30px 18px;text-align:center;color:#6f858f;font-size:12px}.live-chat-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 10px 0}.live-chat-fields input,.live-chat form input{min-width:0;border:1px solid #cfe4ed;border-radius:12px;padding:10px;background:#fff;outline:none}.live-chat form{display:flex;gap:7px;padding:9px 10px}.live-chat form button{width:44px;border:0;border-radius:12px;background:#0d79b7;color:#fff;font-size:17px;cursor:pointer}.live-chat-foot{padding:0 12px 11px;font-size:9px;color:#82959f;text-align:center}@keyframes profiPulse{50%{opacity:.25;transform:scale(.7)}}@media(max-width:680px){.live-chat-launch{right:14px;bottom:82px}.live-chat{right:10px;bottom:145px;width:calc(100vw - 20px)}.live-chat-messages{height:260px}.live-chat-fields{grid-template-columns:1fr}}

/* V21 — Sapphire Premium Signature redesign */
:root{--sapphire-glow:#69d7ff;--sapphire-deep:#075f91;--glass:rgba(255,255,255,.64)}
body{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.012em}
.site-header{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.site-header .brand-title{font-size:clamp(18px,2.1vw,30px)!important;letter-spacing:-.035em}
.hero{min-height:720px!important;background:linear-gradient(110deg,rgba(4,71,108,.96) 0%,rgba(18,126,173,.9) 44%,rgba(93,201,238,.72) 100%),url('/img/sapphire-bg.jpg') center/cover!important;overflow:hidden;box-shadow:inset 0 -1px 0 rgba(255,255,255,.25),0 30px 80px rgba(8,99,137,.16)}
.hero:before{content:"";position:absolute;width:680px;height:680px;right:-210px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 64%);animation:heroOrb 8s ease-in-out infinite alternate}
.hero-grid{position:relative;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr)!important;align-items:center;min-height:720px}
.hero-copy{position:relative;z-index:3;max-width:720px;text-shadow:0 3px 24px rgba(0,38,60,.24)}
.hero-copy h1{font-size:clamp(42px,5.8vw,78px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:950!important}
.hero-copy h1:after{content:"";display:block;width:125px;height:5px;margin-top:22px;border-radius:99px;background:linear-gradient(90deg,#fff,var(--sapphire-glow),transparent);box-shadow:0 0 25px rgba(105,215,255,.9)}
.hero-lead{max-width:670px;font-size:clamp(17px,1.55vw,22px)!important;line-height:1.55!important}
.hero-visual{position:absolute;right:-10%;top:3%;width:68%;height:94%;z-index:1;overflow:hidden;border-radius:42px;opacity:.72;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%)}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:right center;filter:saturate(.95) contrast(1.02);mix-blend-mode:screen}
.hero-card{position:relative;z-index:4;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px);background:rgba(3,39,58,.42)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 30px 90px rgba(0,30,50,.3),inset 0 1px 0 rgba(255,255,255,.22)!important}
.hero-actions .btn{box-shadow:0 12px 38px rgba(0,0,0,.18),0 0 28px rgba(105,215,255,.28)}
.premium-showcase{background:linear-gradient(180deg,#eefaff,#dff4fc 52%,#f8fdff);position:relative;overflow:hidden}
.premium-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 20%,rgba(86,202,239,.16),transparent 25%),radial-gradient(circle at 90% 80%,rgba(49,143,199,.12),transparent 28%);pointer-events:none}
.premium-head{position:relative;z-index:1;align-items:end}
.premium-head h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.04em}
.premium-gallery{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:16px}
.premium-tile{margin:0;position:relative;overflow:hidden;border-radius:26px;background:#dff3fb;border:1px solid rgba(44,139,181,.18);box-shadow:0 20px 55px rgba(22,104,139,.13);min-height:220px;isolation:isolate}
.premium-tile-wide{grid-column:span 2}
.premium-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.75,.25,1),filter .7s}
.premium-tile:hover img{transform:scale(1.055);filter:saturate(1.08)}
.premium-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(0,26,40,.78) 100%);z-index:1}
.premium-tile figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff;display:grid;gap:4px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.premium-tile figcaption b{font-size:20px}.premium-tile figcaption span{font-size:12px;opacity:.9}
.contact-quickbar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:8px;padding-bottom:8px}
.contact-quick{display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:20px;border:1px solid rgba(39,139,181,.18);background:rgba(255,255,255,.72);color:#082031;text-decoration:none;box-shadow:0 12px 35px rgba(20,103,139,.08);cursor:pointer;text-align:left;transition:.25s transform,.25s box-shadow,.25s border-color}
.contact-quick:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(20,103,139,.14);border-color:#73c9e9}
.contact-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(145deg,#0874aa,#62cbed);box-shadow:0 0 25px rgba(65,190,235,.3);flex:0 0 auto}.contact-quick small{display:block;color:#5a7583;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.contact-quick b{display:block;font-size:14px;margin-top:2px}
@keyframes heroOrb{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-35px,25px,0) scale(1.08)}}
@media(max-width:900px){.hero{min-height:650px!important}.hero-grid{min-height:650px;grid-template-columns:1fr!important}.hero-visual{right:-30%;width:105%;height:72%;top:4%;opacity:.32}.hero-card{margin-top:20px}.premium-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:210px}.premium-tile-wide{grid-column:span 2}.contact-quickbar{grid-template-columns:1fr}}
@media(max-width:560px){.hero{min-height:760px!important}.hero-grid{min-height:760px}.hero-copy h1{font-size:clamp(37px,11vw,54px)!important}.hero-visual{right:-75%;width:150%;height:55%;top:3%;opacity:.22}.hero-card{margin-top:16px}.premium-gallery{grid-template-columns:1fr;grid-auto-rows:230px}.premium-tile-wide{grid-column:span 1}.premium-showcase{padding-top:54px}.contact-quick{padding:14px}}

/* V22 — always-visible premium language switcher */
.site-header .header-actions .language-select{display:flex!important;align-items:center!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:1000!important;flex:0 0 auto!important}
.site-header .header-actions .language-select::before{content:'🌐';font-size:16px;margin-right:5px;filter:drop-shadow(0 0 7px rgba(80,180,255,.55))}
.site-header .header-actions .language-select select{display:block!important;visibility:visible!important;opacity:1!important;appearance:auto!important;-webkit-appearance:auto!important;pointer-events:auto!important;cursor:pointer!important;min-width:76px!important;width:auto!important;height:42px!important;padding:8px 24px 8px 10px!important;border:1px solid rgba(82,165,220,.55)!important;border-radius:12px!important;background:rgba(255,255,255,.96)!important;color:#07101a!important;font:800 13px/1 Manrope,Arial,sans-serif!important;box-shadow:0 6px 20px rgba(20,80,130,.12), inset 0 0 0 1px rgba(255,255,255,.6)!important;outline:none!important}
.site-header .header-actions .language-select select:focus{box-shadow:0 0 0 3px rgba(70,170,240,.25),0 8px 25px rgba(20,80,130,.16)!important}
@media(max-width:900px){.site-header .header-actions .language-select::before{display:none}.site-header .header-actions .language-select select{min-width:52px!important;width:52px!important;height:40px!important;padding:7px 2px!important;font-size:11px!important}}
@media(max-width:680px){.site-header .header-actions .language-select{display:flex!important;min-width:52px!important;width:52px!important}.site-header .header-actions .language-select select{display:block!important;min-width:52px!important;width:52px!important;height:40px!important;font-size:11px!important;padding:7px 2px!important}.site-header .header-actions{gap:6px!important}.site-header .phone-link{display:none!important}}
@media(max-width:420px){.site-header .header-actions .language-select{min-width:48px!important;width:48px!important}.site-header .header-actions .language-select select{min-width:48px!important;width:48px!important;font-size:10px!important}.site-header .online-pill{display:none!important}}
.lang-label{font-size:11px;font-weight:900;color:#4c6375;margin-right:2px;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:900px){.lang-label{display:none}}

/* V23 — mobile comfort, logo theme control, expandable photos, night readability */
.brand-logo-wrap{position:relative;display:flex;align-items:center;min-width:0}
.logo-theme-control{position:absolute;left:25px;top:2px;width:30px;height:30px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(5,35,52,.72);color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;z-index:4;box-shadow:0 0 0 2px rgba(88,202,241,.15),0 0 20px rgba(70,190,235,.3);backdrop-filter:blur(10px)}
.logo-theme-control span{grid-area:1/1;font-size:15px;line-height:1}.logo-theme-control span:last-child{display:none}.night-mode .logo-theme-control{background:rgba(255,255,255,.12);border-color:rgba(110,215,255,.55)}.night-mode .logo-theme-control span:first-child{display:none}.night-mode .logo-theme-control span:last-child{display:block}
.brand-wordmark{min-width:0!important}.brand-title{overflow:hidden;text-overflow:ellipsis}
.premium-tile{cursor:zoom-in}.premium-tile img{cursor:zoom-in}
.photo-lightbox{position:fixed;inset:0;z-index:10000;background:rgba(2,8,13,.92);display:grid;place-items:center;padding:30px;backdrop-filter:blur(14px)}.photo-lightbox[hidden]{display:none}.photo-lightbox img{max-width:min(94vw,1300px);max-height:82vh;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.5)}.photo-lightbox-close{position:absolute;right:18px;top:14px;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:32px;cursor:pointer}.photo-lightbox-caption{position:absolute;left:20px;right:20px;bottom:18px;text-align:center;color:#fff;font-weight:800;font-size:14px;text-shadow:0 2px 12px #000}.lightbox-open{overflow:hidden}
.contact-icon svg{width:24px;height:24px;fill:currentColor}.contact-icon-phone{background:linear-gradient(145deg,#0a6ea5,#54c7ee)}.contact-icon-wa{background:linear-gradient(145deg,#148b62,#45d69a)}.contact-icon-tg{background:linear-gradient(145deg,#1676a9,#52bde9)}.contact-icon-mail{background:linear-gradient(145deg,#5f70a9,#9ca9e8)}
/* Consistent day palette */
.day-mode .section:not(.section-dark):not(.vip-section):not(.social-section){background:linear-gradient(180deg,#f7fcff,#eef8fc)}
.day-mode .material-market{background:linear-gradient(180deg,#eefaff,#e3f4fb)}
/* Comprehensive night contrast */
body.night-mode{--bg:#07131c;--surface:#0d202b;--ink:#eefaff;--muted:#aec4ce;--line:#294958}
body.night-mode .section:not(.section-dark):not(.vip-section):not(.social-section),body.night-mode .contact-section{background:linear-gradient(180deg,#081721,#0b202b)!important;color:#eefaff!important}
body.night-mode .section-head h2,body.night-mode .calc-layout h2,body.night-mode .about-grid h2,body.night-mode .faq-wrap h2,body.night-mode .contact-grid h2,body.night-mode .premium-head h2{color:#f4fcff!important}
body.night-mode .section-head>p,body.night-mode .calc-layout>div>p,body.night-mode .about-grid p,body.night-mode .contact-grid>div>p,body.night-mode .faq p,body.night-mode .micro-note{color:#b2c9d3!important}
body.night-mode .calculator,body.night-mode .about-panel,body.night-mode .modal-card,body.night-mode .market-note,body.night-mode .material-card,body.night-mode .remote-card,body.night-mode .contact-quick{background:#102733!important;color:#effaff!important;border-color:#315466!important}
body.night-mode .calculator .field label,body.night-mode .checks label,body.night-mode .market-toolbar label{color:#b9d0d9!important}
body.night-mode .field input,body.night-mode .field select,body.night-mode .modal-card input,body.night-mode .modal-card textarea{background:#0a1a23!important;color:#effaff!important;border-color:#315466!important}
body.night-mode .field input::placeholder,body.night-mode .modal-card input::placeholder,body.night-mode .modal-card textarea::placeholder{color:#819da9!important}
body.night-mode .market-head p,body.night-mode .material-card p,body.night-mode .material-card .supplier,body.night-mode .market-note{color:#b5ccd5!important}
body.night-mode .material-card h3,body.night-mode .market-head h2,body.night-mode .market-note b{color:#f4fcff!important}
body.night-mode .material-card .material-badge{color:#ff9c94!important}
body.night-mode .material-price b{color:#fff!important}.night-mode .material-price del{color:#91a9b4!important}
body.night-mode .contact-list a,body.night-mode .contact-list div{border-color:#284653!important}.night-mode .contact-list span,.night-mode .domain-row>span{color:#91abb6!important}.night-mode .contact-list b{color:#f2fbff!important}
body.night-mode .contact-quick{color:#effaff!important}.night-mode .contact-quick small{color:#91b1bf!important}.night-mode .contact-quick b{color:#fff!important}
body.night-mode .portfolio-grid figure{background:#102733!important}.night-mode .portfolio-grid figcaption{color:#f1fbff!important}
body.night-mode .process{border-color:#294958}.night-mode .process li{border-color:#294958}.night-mode .process h3{color:#f4fcff}.night-mode .process p{color:#aac2cc}
body.night-mode .faq details{border-color:#294958}.night-mode .faq summary{color:#f4fcff}
body.night-mode .domain-row a{color:#6fd6ff!important}
body.night-mode .notice{background:#2a2020!important;color:#ffd6d2!important;border-color:#68413d!important}
body.night-mode .market-toolbar input,body.night-mode .market-toolbar select{background:#102733!important;color:#fff!important;border-color:#315466!important}
body.night-mode .premium-showcase{background:linear-gradient(180deg,#081b27,#0b2734)!important;color:#fff}.night-mode .premium-showcase:before{opacity:.45}
body.night-mode .photo-lightbox{background:rgba(1,7,11,.96)}
/* Keep the phone layout close to V18: compact header, normal content scale, no oversized typography */
@media(max-width:680px){
  .container{width:calc(100% - 24px)!important}
  .site-header .header-inner{height:68px!important;padding:5px 10px!important;display:flex!important;align-items:center!important}
  .site-header .header-brand-row{width:100%!important;min-height:0!important;height:58px!important;display:flex!important;align-items:center!important;gap:6px!important}
  .brand-logo-wrap{flex:1 1 auto;min-width:0;max-width:calc(100% - 58px)}
  .site-header .brand-wordmark{gap:6px!important;max-width:100%!important;min-width:0!important}
  .site-header .brand-wordmark img{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .site-header .brand-title{font-size:clamp(14px,4.55vw,19px)!important;line-height:1!important;letter-spacing:-.045em!important;white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important}
  .logo-theme-control{left:24px;top:0;width:25px;height:25px}.logo-theme-control span{font-size:12px}
  .site-header .header-actions{gap:5px!important;margin-left:auto!important}
  .site-header .header-actions .language-select{display:flex!important;width:46px!important;min-width:46px!important}
  .site-header .header-actions .language-select select{width:46px!important;min-width:46px!important;height:38px!important;font-size:10px!important;padding:6px 2px!important}
  .site-header .online-pill{display:none!important}
  .site-header .menu-button{min-height:40px!important;padding:7px 10px!important;border-radius:12px!important}
  .site-header .menu-button span{font-size:21px!important}
  .hero{min-height:0!important;padding:46px 0 42px!important}
  .hero-grid{min-height:0!important;gap:26px!important}
  .hero-copy h1{font-size:clamp(34px,9.5vw,48px)!important}
  .hero-lead{font-size:15px!important;line-height:1.5!important}
  .section{padding:58px 0!important}
  .section-head h2,.calc-layout h2,.about-grid h2,.faq-wrap h2,.contact-grid h2{font-size:clamp(28px,8.5vw,40px)!important}
  .section-head>p,.calc-layout>div>p,.service-card p{font-size:14px!important;line-height:1.55!important}
  .premium-gallery{grid-template-columns:1fr 1fr!important;grid-auto-rows:145px!important;gap:9px!important}
  .premium-tile{min-height:145px!important;border-radius:15px!important}.premium-tile figcaption{left:10px;right:10px;bottom:9px}.premium-tile figcaption b{font-size:13px}.premium-tile figcaption span{font-size:8px}
  .premium-showcase{padding-top:48px!important}
  .material-grid{grid-template-columns:1fr!important}.material-card{min-height:0!important}
  .market-head h2{font-size:clamp(29px,8vw,42px)!important}
  .contact-quickbar{gap:9px!important}.contact-quick{padding:12px!important;gap:10px!important;border-radius:15px!important}.contact-icon{width:40px;height:40px;border-radius:12px}.contact-icon svg{width:21px;height:21px}.contact-quick b{font-size:12px}.contact-quick small{font-size:8px}
  .photo-lightbox{padding:15px}.photo-lightbox img{max-width:96vw;max-height:78vh}.photo-lightbox-caption{font-size:12px}
}

/* V23 final polish */
.site-header #themeToggle{display:none!important}
.vip-section{position:relative;background-image:linear-gradient(135deg,rgba(7,24,35,.96),rgba(5,53,77,.9)),url('/img/vip-dot-wall.jpg')!important;background-size:cover,cover!important;background-position:center!important;background-attachment:scroll!important;overflow:hidden}
.vip-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(105,215,255,.18),transparent 30%),radial-gradient(circle at 85% 75%,rgba(0,136,210,.16),transparent 35%);pointer-events:none}
.vip-section>.container{position:relative;z-index:1}
.night-mode .vip-section{background-image:linear-gradient(135deg,rgba(2,10,16,.97),rgba(4,30,43,.94)),url('/img/vip-dot-wall.jpg')!important}


/* V24 — premium finish, compact mobile header, richer light animation, clean contacts */
.site-header{overflow:visible!important}
.site-header .header-inner{width:min(1480px,calc(100% - 28px))!important;max-width:none!important}
.site-header .header-brand-row{gap:12px!important}
.brand-logo-wrap{flex:1 1 auto!important;min-width:0!important;max-width:none!important}
.brand-wordmark{max-width:none!important}
.brand-title{font-size:clamp(23px,2.8vw,40px)!important;letter-spacing:-.045em!important;white-space:nowrap!important}
.header-actions{flex:0 0 auto!important;gap:7px!important}
.header-actions .language-select{order:3!important}
.header-actions .online-pill{order:1!important}.header-actions .phone-link{order:2!important}.header-actions .btn{order:4!important}.header-actions .menu-button{order:5!important}
.logo-theme-control{left:5px!important;top:3px!important;width:31px!important;height:31px!important;box-shadow:0 0 0 2px rgba(88,202,241,.20),0 0 28px rgba(70,190,235,.48),0 0 60px rgba(80,190,255,.16)!important}
/* richer animated sapphire sweep: +15% visual intensity */
.site-header:after{content:"";position:absolute;inset:0;pointer-events:none;overflow:hidden;background:linear-gradient(110deg,transparent 0%,transparent 37%,rgba(255,255,255,.12) 45%,rgba(120,224,255,.26) 50%,rgba(255,255,255,.10) 55%,transparent 63%,transparent 100%);transform:translateX(-120%);animation:sapphireHeaderSweep 6.2s ease-in-out infinite;mix-blend-mode:screen}
@keyframes sapphireHeaderSweep{0%,24%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
.brand-wordmark img{filter:drop-shadow(0 0 10px rgba(102,214,255,.26))!important}
/* use uploaded purple wallpaper tastefully in premium surfaces */
.vip-section{background-image:linear-gradient(135deg,rgba(7,24,35,.88),rgba(30,21,72,.84)),url('/img/premium-purple-wall.jpg')!important;background-size:cover!important;background-position:center!important}
.material-market .market-cart-card,.vip-section .vip-card,.modal-card{background-image:linear-gradient(145deg,rgba(255,255,255,.93),rgba(244,242,255,.94)),url('/img/premium-purple-wall.jpg')!important;background-size:cover!important;background-position:center!important}
body.night-mode .material-market .market-cart-card,body.night-mode .vip-section .vip-card,body.night-mode .modal-card{background-image:linear-gradient(145deg,rgba(9,21,30,.90),rgba(31,25,64,.92)),url('/img/premium-purple-wall.jpg')!important}
/* contacts: one clean set, no repeated phone/messenger rows */
.contact-details-clean{grid-template-columns:1fr 1fr!important;gap:10px!important}
.contact-details-clean>div{padding:14px 16px!important;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.55)}
.contact-details-clean span{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.contact-details-clean b{font-size:14px}
.contact-quickbar{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px!important;margin-top:28px!important;margin-bottom:0!important}
.contact-quick{min-width:0!important;justify-content:flex-start!important;border:1px solid rgba(95,150,180,.25)!important;background:rgba(255,255,255,.80)!important;backdrop-filter:blur(18px);box-shadow:0 14px 36px rgba(18,88,120,.10)}
.contact-icon{box-shadow:0 0 20px rgba(80,190,255,.20)}
.contact-icon-wa{color:#fff!important}.contact-icon-tg{color:#fff!important}.contact-icon-mail{color:#fff!important}.contact-icon-phone{color:#fff!important}.contact-icon-chat{background:linear-gradient(145deg,#5d55bd,#927ff2)!important;color:#fff!important}
.contact-quick small{display:block;font-size:9px;font-weight:800;letter-spacing:.05em}.contact-quick b{font-size:12px;line-height:1.2}
/* chat readability: client's bubble and typing text stay black on white */
.live-msg.mine{background:#fff!important;border-color:#cfe4ed!important;color:#111820!important}
.live-msg.mine b,.live-msg.mine p,.live-msg.mine small{color:#111820!important}
.live-chat-fields input,.live-chat form input{color:#111820!important;background:#fff!important}
.live-chat-fields input::placeholder,.live-chat form input::placeholder{color:#6a7881!important;opacity:1}
body.night-mode .live-msg.mine{background:#fff!important;color:#111820!important}
body.night-mode .live-msg.mine b,body.night-mode .live-msg.mine p,body.night-mode .live-msg.mine small{color:#111820!important}
body.night-mode .live-chat-fields input,body.night-mode .live-chat form input{background:#fff!important;color:#111820!important;border-color:#bdd5df!important}
/* gallery tiles stay compact; click enlarges */
.premium-gallery .premium-tile{transition:transform .28s ease,box-shadow .28s ease}.premium-gallery .premium-tile:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(23,113,153,.20)}
.premium-gallery .premium-tile img{transition:transform .5s ease}.premium-gallery .premium-tile:hover img{transform:scale(1.035)}
@media(max-width:1000px){
  .site-header .header-inner{width:calc(100% - 18px)!important}
  .brand-title{font-size:clamp(18px,5vw,28px)!important}
  .site-header .header-actions .language-select{display:flex!important;order:3!important;width:46px!important;min-width:46px!important}
  .site-header .header-actions .language-select select{width:46px!important;min-width:46px!important}
  .site-header .online-pill,.site-header .phone-link,.site-header .header-actions>.btn{display:none!important}
}
@media(max-width:680px){
  .site-header .header-inner{height:64px!important;padding:4px 7px!important}
  .site-header .header-brand-row{height:56px!important;min-height:56px!important;gap:4px!important}
  .brand-logo-wrap{max-width:calc(100% - 94px)!important}
  .site-header .brand-wordmark{gap:5px!important}
  .site-header .brand-wordmark img{width:40px!important;height:40px!important;flex:0 0 40px!important}
  .site-header .brand-title{font-size:clamp(15px,4.75vw,20px)!important;white-space:nowrap!important;letter-spacing:-.055em!important}
  .logo-theme-control{left:1px!important;top:0!important;width:23px!important;height:23px!important}.logo-theme-control span{font-size:11px!important}
  .site-header .header-actions{gap:4px!important}
  .site-header .header-actions .language-select{width:42px!important;min-width:42px!important}.site-header .header-actions .language-select select{width:42px!important;min-width:42px!important;height:36px!important;font-size:9px!important;padding:5px 1px!important}
  .site-header .menu-button{width:40px!important;min-height:40px!important;height:40px!important;padding:6px!important;border-radius:11px!important}.site-header .menu-button span{font-size:20px!important}
  .contact-quickbar{grid-template-columns:repeat(5,1fr)!important;gap:6px!important;width:calc(100% - 16px)!important}
  .contact-quick{padding:9px 5px!important;justify-content:center!important;gap:5px!important;flex-direction:column!important;text-align:center!important;border-radius:14px!important}
  .contact-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}.contact-icon svg{width:18px!important;height:18px!important}.contact-quick small{font-size:7px!important}.contact-quick b{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  .contact-details-clean{grid-template-columns:1fr!important}
  .premium-gallery{grid-template-columns:1fr 1fr!important;grid-auto-rows:125px!important}.premium-gallery .premium-tile{min-height:125px!important}
}
@media(prefers-reduced-motion:reduce){.site-header:after{animation:none!important}.premium-gallery .premium-tile,.premium-gallery .premium-tile img{transition:none!important}}

/* V25 — stable fixed navigation, stronger premium header and compact contacts */
html{scroll-padding-top:110px}
body{overflow-x:hidden}
.site-header{position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;z-index:5000!important;transform:translateZ(0);will-change:transform}
.site-header .header-inner{min-height:82px!important}
.site-header .header-brand-row{min-width:0!important}
.site-header .brand-wordmark{flex:1 1 auto!important;min-width:0!important}
.site-header .brand-title{font-weight:1000!important;letter-spacing:-.035em!important;text-shadow:0 0 18px rgba(96,209,255,.20)}
.site-header:after{animation:sapphireHeaderSweep 5.3s ease-in-out infinite!important;background:linear-gradient(110deg,transparent 0%,transparent 31%,rgba(255,255,255,.16) 43%,rgba(120,224,255,.34) 50%,rgba(255,255,255,.14) 57%,transparent 69%,transparent 100%)!important}
.site-header .header-actions{position:relative;z-index:2}
.site-header .language-select,.site-header .menu-button,.site-header .logo-theme-control{position:relative;z-index:3}
/* Reserve the exact fixed header area so content never jumps when scrolling. */
body{padding-top:112px}
.mobile-nav{position:fixed!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:4900!important;transform:translateZ(0);display:flex!important}
body{padding-bottom:84px}
.mobile-nav a{min-width:0;flex:1 1 0}
.contact-section{padding-top:54px!important;padding-bottom:42px!important}
.contact-grid{gap:34px!important;align-items:start!important}
.contact-map{align-self:start!important}
.contact-map iframe{height:390px!important;border-radius:24px!important}
.contact-details-clean{margin-top:18px!important;gap:8px!important}
.contact-details-clean>div{padding:11px 14px!important}
.domain-row{margin-top:12px!important}
.footer{padding-top:34px!important}

/* Keep client-side chat input and message text readable in every theme. */
.live-chat input,.live-chat textarea{font-family:Manrope,Arial,sans-serif!important}
.live-chat form input{background:#fff!important;color:#111820!important;-webkit-text-fill-color:#111820!important}
.live-chat form input::placeholder{color:#71808a!important;-webkit-text-fill-color:#71808a!important}
.live-msg.mine{background:#fff!important;color:#111820!important}
.live-msg.mine *{color:#111820!important}

/* Premium surfaces use the same purple/sapphire wallpaper treatment. */
.material-modal-card,.cart-form,.vip-login-card,.vip-register-form{background-image:linear-gradient(145deg,rgba(255,255,255,.94),rgba(242,240,255,.95)),url('/img/premium-purple-wall.jpg')!important;background-size:cover!important;background-position:center!important}
body.night-mode .material-modal-card,body.night-mode .cart-form,body.night-mode .vip-login-card,body.night-mode .vip-register-form{background-image:linear-gradient(145deg,rgba(8,19,28,.93),rgba(31,25,64,.94)),url('/img/premium-purple-wall.jpg')!important}

@media(min-width:1001px){
  body{padding-top:112px}
  .site-header{height:112px!important}
  .site-header .header-inner{height:112px!important;min-height:112px!important}
  .site-header .header-brand-row{height:68px!important}
  .site-header .desktop-nav{height:40px!important;align-items:center!important}
}
@media(max-width:1000px){
  body{padding-top:68px}
  .site-header{height:68px!important}
  .site-header .header-inner{height:68px!important;min-height:68px!important}
  .contact-section{padding-top:42px!important;padding-bottom:34px!important}
  .contact-map iframe{height:340px!important}
}
@media(max-width:680px){
  html{scroll-padding-top:70px}
  body{padding-top:64px!important;padding-bottom:82px!important}
  .site-header{height:64px!important}
  .site-header .header-inner{height:64px!important;min-height:64px!important;padding-top:2px!important;padding-bottom:2px!important}
  .site-header .header-brand-row{height:58px!important;min-height:58px!important}
  .site-header .brand-wordmark{max-width:calc(100% - 90px)!important}
  .site-header .brand-title{font-size:clamp(16px,5vw,21px)!important;font-weight:1000!important;letter-spacing:-.045em!important}
  .site-header .brand-wordmark img{width:40px!important;height:40px!important;flex-basis:40px!important}
  .logo-theme-control{left:1px!important;top:0!important;width:24px!important;height:24px!important}
  .site-header .header-actions{gap:4px!important}
  .site-header .header-actions .language-select{width:42px!important;min-width:42px!important}
  .site-header .header-actions .language-select select{width:42px!important;min-width:42px!important;height:36px!important;font-size:9px!important}
  .site-header .menu-button{width:40px!important;height:40px!important;min-height:40px!important;padding:5px!important}
  .mobile-nav{height:64px!important;border-radius:17px!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  .contact-section{padding-top:36px!important;padding-bottom:28px!important}
  .contact-grid{gap:22px!important}
  .contact-map iframe{height:285px!important;border-radius:18px!important}
  .contact-details-clean{gap:7px!important}
  .contact-details-clean>div{padding:10px 12px!important}
  .domain-row{margin-top:10px!important}
  .footer{padding-bottom:100px!important}
}

/* V26 — stable premium UX, theme beside logo, compact contacts and readable surfaces */
.site-header .header-brand-row{position:relative!important;align-items:center!important}
.site-header .brand-logo-wrap{display:flex!important;align-items:center!important;position:relative!important;flex:1 1 auto!important;min-width:0!important}
.site-header .brand-wordmark{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.site-header .logo-theme-control{position:relative!important;left:auto!important;top:auto!important;order:2!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin-left:10px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(205,240,253,.68))!important;color:#075e91!important;border:1px solid rgba(68,161,207,.42)!important;box-shadow:0 0 18px rgba(71,192,238,.32),inset 0 0 12px rgba(255,255,255,.65)!important}
.site-header .logo-theme-control:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 0 25px rgba(71,192,238,.48),inset 0 0 12px rgba(255,255,255,.72)!important}
.site-header .brand-wordmark .brand-title{order:1!important}
.site-header .brand-wordmark img{order:0!important}
.site-header .brand-title{font-weight:1000!important;letter-spacing:-.028em!important}
.site-header .header-actions{min-width:0!important}
.site-header .language-select{order:3!important}
.site-header .menu-button{order:5!important}
.site-header .menu-button .menu-icon{display:inline-grid;place-items:center;transition:transform .2s ease}
.site-header .menu-button.is-open .menu-icon{transform:rotate(90deg)}
.site-menu-panel{background-image:linear-gradient(145deg,rgba(255,255,255,.94),rgba(235,247,255,.96)),url('/img/premium-purple-wall.jpg')!important;background-size:cover!important;background-position:center!important;border:1px solid rgba(93,181,220,.30)!important;box-shadow:0 30px 100px rgba(16,80,110,.28),inset 0 0 40px rgba(255,255,255,.28)!important}
.site-menu-panel nav a,.site-menu-panel .btn{transition:.2s ease!important}
.site-menu-panel nav a:hover,.site-menu-panel nav a:focus-visible{background:linear-gradient(135deg,#dff6ff,#f4f0ff)!important;box-shadow:0 8px 22px rgba(37,130,172,.15)!important;transform:translateX(2px)}
.site-menu-head button{background:linear-gradient(145deg,#e8f8ff,#d9e9f5)!important;color:#12394d!important}
/* Contact icons now sit immediately before domains */
.contact-section .contact-quickbar{margin:20px 0 0!important;width:100%!important}
.contact-section .domain-row{margin-top:16px!important}
.yandex-review-btn{display:inline-flex!important;align-items:center!important;gap:9px!important}
.yandex-brand-icon{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#ff3a2f,#d71920);color:#fff;font:1000 18px/1 Arial,sans-serif;box-shadow:0 0 18px rgba(225,35,35,.28);flex:0 0 30px}
.social-brand-line{display:flex;align-items:center;gap:9px}
.social-brand-line .yandex-brand-icon{width:34px;height:34px;border-radius:10px}
/* Service thumbnails stay opposite their numbers */
.service-card .service-top{min-height:58px!important}
.service-card .service-top>span{font-size:18px!important;font-weight:1000!important;letter-spacing:.04em!important}
.service-card .service-thumb{margin-left:auto!important}
/* Premium click surfaces: readable text and tactile feedback everywhere */
button,.btn,a.social-card,.contact-quick,.material-card,.remote-card,.offer-card,.vip-card,.review-card,.premium-tile,.domain-row a{outline-offset:3px}
button:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid rgba(74,190,238,.48)!important;outline-offset:3px}
.btn,.social-card,.contact-quick,.market-cart-card,.material-card,.remote-card,.offer-card,.vip-card,.review-card{background-clip:padding-box}
.material-card button,.market-cart-card .btn,.cart-actions .btn,.modal-card .btn,.cart-form .btn{background-image:linear-gradient(145deg,rgba(255,255,255,.16),transparent)!important}
/* Cart collapse */
.market-cart-card{position:relative!important;padding-top:17px!important}
.cart-collapse-btn{position:absolute;right:12px;top:10px;width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.14);color:#fff;font:1000 20px/1 Manrope;cursor:pointer;z-index:4;backdrop-filter:blur(10px);box-shadow:0 0 18px rgba(100,210,255,.20);transition:.2s ease}
.cart-collapse-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.24)}
.cart-card-main{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding-top:5px;transition:.22s ease;max-height:180px;overflow:hidden}
.market-cart-card.collapsed .cart-card-main{max-height:42px;opacity:.98;grid-template-columns:auto 1fr}
.market-cart-card.collapsed .cart-card-main>strong,.market-cart-card.collapsed .cart-card-main .btn{display:none}
.market-cart-card.collapsed .cart-collapse-btn{transform:rotate(180deg)}
/* Readability across both themes */
.material-modal-card,.cart-form,.vip-login-card,.vip-register-form{color:#102331!important}
.material-modal-card h2,.material-modal-card h3,.material-modal-card b,.cart-form input,.cart-form textarea{color:#102331!important;-webkit-text-fill-color:#102331!important}
.material-modal-card input::placeholder,.material-modal-card textarea::placeholder,.cart-form input::placeholder,.cart-form textarea::placeholder{color:#667985!important;-webkit-text-fill-color:#667985!important}
body.night-mode .material-modal-card h2,body.night-mode .material-modal-card h3,body.night-mode .material-modal-card b{color:#f3fbff!important;-webkit-text-fill-color:#f3fbff!important}
body.night-mode .cart-form input,body.night-mode .cart-form textarea{background:rgba(255,255,255,.97)!important;color:#102331!important;-webkit-text-fill-color:#102331!important}
body.night-mode .cart-form input::placeholder,body.night-mode .cart-form textarea::placeholder{color:#667985!important;-webkit-text-fill-color:#667985!important}
body.night-mode .market-cart-card{color:#fff!important}
body.night-mode .site-menu-panel{background-image:linear-gradient(145deg,rgba(8,19,28,.94),rgba(31,25,64,.94)),url('/img/premium-purple-wall.jpg')!important;color:#f4fbff!important}
body.night-mode .site-menu-panel nav a{background:rgba(255,255,255,.07)!important;color:#f4fbff!important;border:1px solid rgba(113,205,238,.12)}
body.night-mode .site-menu-head button{background:rgba(255,255,255,.10)!important;color:#fff!important}
body.night-mode .logo-theme-control{background:rgba(10,31,42,.88)!important;color:#aeeaff!important}
@media(max-width:680px){
  .site-header .brand-logo-wrap{flex:1 1 auto!important;min-width:0!important}
  .site-header .brand-wordmark{gap:5px!important}
  .site-header .logo-theme-control{width:30px!important;height:30px!important;flex-basis:30px!important;margin-left:5px!important;border-radius:10px!important}
  .site-header .brand-title{font-size:clamp(15px,4.5vw,20px)!important;letter-spacing:-.045em!important}
  .contact-section .contact-quickbar{margin-top:16px!important;grid-template-columns:repeat(5,1fr)!important}
  .yandex-brand-icon{width:28px;height:28px;font-size:16px}
}

/* V26.1 — logo theme placement, menu state and premium interaction polish */
.site-header .brand-logo-wrap{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.site-header .brand-logo-wrap .logo-theme-control{order:0!important;margin:0 2px 0 0!important;position:relative!important;left:auto!important;top:auto!important;z-index:4!important}
.site-header .brand-logo-wrap .brand-wordmark{order:1!important;flex:0 1 auto!important;min-width:0!important}
.site-header .brand-logo-wrap .brand-title{font-weight:1000!important}
.site-header .menu-button{transition:background .2s ease,box-shadow .2s ease,transform .2s ease!important}
.site-header .menu-button.is-open{background:linear-gradient(135deg,#075f91,#6d65c9)!important;box-shadow:0 10px 28px rgba(50,125,180,.30)!important}
.site-header .menu-button.is-open .menu-icon{transform:none!important;font-size:26px!important}
/* Move the contact channel strip directly above the domains, with a compact premium treatment. */
.contact-section .contact-quickbar{padding:0!important}
.contact-section .contact-quick{min-height:76px!important}
.contact-section .contact-quick:hover{transform:translateY(-3px)!important;box-shadow:0 18px 40px rgba(27,123,164,.16)!important}
/* Yandex review CTA */
.yandex-review-btn{box-shadow:0 12px 30px rgba(180,25,35,.16)!important}
.yandex-review-btn:hover{box-shadow:0 16px 38px rgba(180,25,35,.24)!important}
/* Fixed mobile navigation: each action has a clear icon + label and tactile glow. */
.mobile-nav{background:linear-gradient(145deg,rgba(9,38,55,.94),rgba(20,75,102,.94))!important;border:1px solid rgba(120,219,250,.28)!important;backdrop-filter:blur(18px)!important;box-shadow:0 16px 50px rgba(5,30,45,.28),0 0 30px rgba(80,196,240,.10)!important;padding:6px!important}
.mobile-nav a{color:#eafaff!important;text-decoration:none!important;border-radius:12px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:.2s ease}
.mobile-nav a:hover,.mobile-nav a:focus-visible,.mobile-nav a:active{background:linear-gradient(145deg,rgba(88,202,241,.28),rgba(110,96,214,.30))!important;box-shadow:inset 0 0 18px rgba(255,255,255,.06),0 0 20px rgba(75,190,235,.16)!important}
.mobile-nav a span{font-size:18px!important;line-height:1;text-shadow:0 0 10px rgba(110,220,255,.35)}
.mobile-nav a small{font-size:8px!important;font-weight:900!important;line-height:1.1;color:#eafaff!important}
/* Strong, readable click surfaces in light and dark modes. */
.btn,.market-cart-card,.contact-quick,.social-card,.site-menu-panel nav a,.mobile-nav a,.cart-collapse-btn{ -webkit-tap-highlight-color:transparent }
.btn:active,.contact-quick:active,.social-card:active,.site-menu-panel nav a:active{transform:scale(.985)!important}
body.night-mode .contact-quick{background:linear-gradient(145deg,#102a38,#10233c)!important;border-color:#31586b!important;color:#effaff!important}
body.night-mode .domain-row{border-color:#294958}
body.night-mode .yandex-review-btn{color:#fff!important}
body.night-mode .market-cart-card{background-image:linear-gradient(145deg,rgba(7,22,32,.90),rgba(28,25,61,.92)),url('/img/premium-purple-wall.jpg')!important;color:#fff!important}
body.night-mode .market-cart-card small,body.night-mode .market-cart-card strong,body.night-mode .market-cart-card b{color:#fff!important}
body.night-mode .market-cart-card .cart-collapse-btn{color:#fff!important;background:rgba(255,255,255,.14)!important}
@media(max-width:680px){
  .site-header .brand-logo-wrap{gap:5px!important;max-width:calc(100% - 92px)!important}
  .site-header .brand-logo-wrap .logo-theme-control{width:29px!important;height:29px!important;flex-basis:29px!important;border-radius:9px!important}
  .site-header .brand-wordmark{gap:4px!important}
  .site-header .brand-wordmark img{width:39px!important;height:39px!important;flex-basis:39px!important}
  .site-header .brand-title{font-size:clamp(14px,4.35vw,19px)!important;letter-spacing:-.05em!important}
  .contact-section .contact-quick{min-height:70px!important}
}


/* V27 — guaranteed theme switching + contrast audit */
.logo-theme-control{isolation:isolate!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important}
.logo-theme-control .theme-sun,.logo-theme-control .theme-moon{grid-area:1/1!important;display:block!important;transition:opacity .18s ease,transform .18s ease!important}
.logo-theme-control .theme-moon{opacity:0!important;transform:scale(.72)!important}
body.night-mode .logo-theme-control .theme-sun{opacity:0!important;transform:scale(.72)!important}
body.night-mode .logo-theme-control .theme-moon{opacity:1!important;transform:scale(1)!important}
body.day-mode .logo-theme-control .theme-sun{opacity:1!important;transform:scale(1)!important}
body.day-mode .logo-theme-control .theme-moon{opacity:0!important;transform:scale(.72)!important}
body.day-mode{background:#f4f9fc!important;color:#102331!important}
body.night-mode{background:#07131c!important;color:#eefaff!important}

/* Day mode: light cards must never contain white-on-light copy. */
body.day-mode .vip-section .vip-card,
body.day-mode .vip-section .vip-payment,
body.day-mode .vip-section .vip-meta>div,
body.day-mode .vip-section .vip-files li,
body.day-mode .vip-section .vip-security,
body.day-mode .vip-section .vip-chat,
body.day-mode .vip-section .approval-row{color:#122331!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,247,252,.94))!important;border-color:#c8dbe5!important}
body.day-mode .vip-section .vip-card h3,
body.day-mode .vip-section .vip-card p,
body.day-mode .vip-section .vip-card li,
body.day-mode .vip-section .vip-note,
body.day-mode .vip-section .vip-meta b,
body.day-mode .vip-section .vip-meta small,
body.day-mode .vip-section .vip-files b,
body.day-mode .vip-section .vip-files small,
body.day-mode .vip-section .vip-payment b,
body.day-mode .vip-section .vip-payment small,
body.day-mode .vip-section .progress-line,
body.day-mode .vip-section .approval-row b,
body.day-mode .vip-section .approval-row small{color:#243845!important;opacity:1!important;text-shadow:none!important}
body.day-mode .vip-section .vip-card h3{color:#0c2433!important;font-weight:950!important}
body.day-mode .vip-section .vip-head h2{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.38)!important}
body.day-mode .vip-section .vip-head p{color:#e9f7ff!important;text-shadow:0 2px 12px rgba(0,0,0,.5)!important}
body.day-mode .vip-section .vip-tag{color:#fff!important;background:#193747!important}
body.day-mode .vip-section .vip-files li{background:#f8fbfd!important}
body.day-mode .vip-section .vip-chat{background:#f8fbfd!important}
body.day-mode .vip-section .chat-msg{background:#fff!important;color:#172a35!important;border:1px solid #d6e5ec!important}
body.day-mode .vip-section .chat-msg p{color:#172a35!important}
body.day-mode .vip-section .chat-msg small{color:#71838d!important}
body.day-mode .vip-section .chat-msg b{color:#0b72a5!important}
body.day-mode .vip-section .vip-remote{background:linear-gradient(145deg,#f7fbfd,#eaf5fa)!important;color:#18313e!important}
body.day-mode .vip-section .vip-remote ul{color:#304954!important}
body.day-mode .vip-section .vip-payment{background:#f7fbfd!important}
body.day-mode .vip-section .vip-security{background:#edf6fa!important;color:#526873!important}
body.day-mode .vip-section .vip-security b{color:#17313f!important}

/* Login/register cards and all fields: explicit contrast in both themes. */
body.day-mode .vip-login-card,
body.day-mode .vip-register-form{background-image:linear-gradient(145deg,rgba(255,255,255,.97),rgba(243,240,255,.96)),url('/img/premium-purple-wall.jpg')!important;color:#132631!important}
body.day-mode .vip-login-card h3,body.day-mode .vip-login-card p,body.day-mode .vip-register-form p{color:#233945!important}
body.day-mode .vip-login-card .vip-note{color:#526a76!important}
body.day-mode .vip-input{background:#fff!important;color:#122331!important;-webkit-text-fill-color:#122331!important;border-color:#aebfca!important}
body.day-mode .vip-input::placeholder{color:#687b86!important;-webkit-text-fill-color:#687b86!important}
body.night-mode .vip-section .vip-card,
body.night-mode .vip-section .vip-payment,
body.night-mode .vip-section .vip-meta>div,
body.night-mode .vip-section .vip-files li,
body.night-mode .vip-section .vip-security,
body.night-mode .vip-section .vip-chat,
body.night-mode .vip-section .approval-row{color:#eefaff!important;background:linear-gradient(145deg,rgba(10,28,39,.96),rgba(19,31,55,.96))!important;border-color:#315466!important}
body.night-mode .vip-section .vip-card h3,
body.night-mode .vip-section .vip-card p,
body.night-mode .vip-section .vip-card li,
body.night-mode .vip-section .vip-note,
body.night-mode .vip-section .vip-meta b,
body.night-mode .vip-section .vip-meta small,
body.night-mode .vip-section .vip-files b,
body.night-mode .vip-section .vip-files small,
body.night-mode .vip-section .vip-payment b,
body.night-mode .vip-section .vip-payment small,
body.night-mode .vip-section .progress-line,
body.night-mode .vip-section .approval-row b,
body.night-mode .vip-section .approval-row small{color:#eaf8ff!important;opacity:1!important}
body.night-mode .vip-section .vip-meta small,body.night-mode .vip-section .vip-files small,body.night-mode .vip-section .vip-payment small{color:#a9c3ce!important}
body.night-mode .vip-section .vip-input{background:#102633!important;color:#f4fcff!important;-webkit-text-fill-color:#f4fcff!important;border-color:#41677a!important}
body.night-mode .vip-section .vip-input::placeholder{color:#9bb2bd!important;-webkit-text-fill-color:#9bb2bd!important}

/* Every light interactive surface gets dark copy; every dark surface gets light copy. */
body.day-mode .market-cart-card{color:#122331!important;background-image:linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,248,253,.96)),url('/img/premium-purple-wall.jpg')!important}
body.day-mode .market-cart-card h3,body.day-mode .market-cart-card p,body.day-mode .market-cart-card small,body.day-mode .market-cart-card strong,body.day-mode .market-cart-card b{color:#122331!important;text-shadow:none!important}
body.day-mode .market-cart-card .cart-collapse-btn{color:#123243!important;background:rgba(220,242,250,.92)!important;border-color:#9fc9da!important}
body.day-mode .material-card,.day-mode .remote-card,.day-mode .offer-card,.day-mode .review-card{color:#122331!important}
body.day-mode .material-card h3,body.day-mode .material-card p,body.day-mode .material-card b,body.day-mode .material-card small{color:#18313e!important}
body.day-mode .modal-card,.day-mode .cart-form{color:#122331!important}
body.day-mode .modal-card h2,body.day-mode .modal-card h3,body.day-mode .modal-card p,body.day-mode .modal-card label,.day-mode .cart-form label{color:#253b46!important}
body.day-mode .modal-card input,body.day-mode .modal-card textarea,body.day-mode .cart-form input,body.day-mode .cart-form textarea{background:#fff!important;color:#122331!important;-webkit-text-fill-color:#122331!important}
body.day-mode .contact-quick,.day-mode .social-card{color:#122331!important}
body.day-mode .contact-quick b,.day-mode .social-card b{color:#122331!important}
body.day-mode .contact-quick small,.day-mode .social-card small{color:#5b7180!important}

/* Menu: same premium light as requested, with guaranteed contrast. */
body.day-mode .site-menu-panel{background-image:linear-gradient(145deg,rgba(255,255,255,.97),rgba(232,247,255,.96)),url('/img/premium-purple-wall.jpg')!important;color:#102331!important}
body.day-mode .site-menu-panel nav a{background:rgba(245,251,254,.94)!important;color:#102331!important;border-color:#c4dce7!important}
body.day-mode .site-menu-head strong{color:#102331!important}
body.day-mode .site-menu-head button{background:linear-gradient(145deg,#edfaff,#dbeaf3)!important;color:#173646!important}
body.night-mode .site-menu-panel{background-image:linear-gradient(145deg,rgba(7,20,29,.97),rgba(31,25,64,.96)),url('/img/premium-purple-wall.jpg')!important;color:#f4fcff!important}
body.night-mode .site-menu-panel nav a{color:#f4fcff!important;background:rgba(255,255,255,.08)!important}

/* Header theme control stays beside the logo and remains clickable above visual layers. */
.site-header .brand-logo-wrap .logo-theme-control{z-index:20!important;position:relative!important;flex:0 0 32px!important;width:32px!important;height:32px!important;margin:0 3px 0 0!important;cursor:pointer!important}
.site-header .brand-wordmark{position:relative!important;z-index:5!important}
.site-header .brand-title{font-weight:1000!important}
@media(max-width:680px){
  .site-header .brand-logo-wrap{max-width:calc(100% - 94px)!important}
  .site-header .brand-logo-wrap .logo-theme-control{width:30px!important;height:30px!important;flex-basis:30px!important;margin-right:1px!important}
  .site-header .brand-title{font-size:clamp(14px,4.2vw,19px)!important}
}


/* V28 — V18 mobile scale + stable fixed navigation + unified premium materials */
@media(max-width:680px){
  html{scroll-padding-top:72px!important}
  body{padding-top:72px!important;padding-bottom:82px!important;zoom:1!important}
  .site-header{height:auto!important;min-height:64px!important}
  .site-header .header-inner{height:68px!important;min-height:68px!important;padding:0 10px!important;display:block!important;max-width:100%!important}
  .site-header .header-brand-row{height:68px!important;min-height:68px!important;display:flex!important;align-items:center!important;gap:6px!important}
  .site-header .brand-logo-wrap{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;max-width:calc(100% - 102px)!important;flex:1 1 auto!important}
  .site-header .brand-logo-wrap .logo-theme-control{order:0!important;flex:0 0 30px!important;width:30px!important;height:30px!important;margin:0!important;border-radius:10px!important}
  .site-header .brand-logo-wrap .brand-wordmark{order:1!important;display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;flex:1 1 auto!important}
  .site-header .brand-wordmark img{width:38px!important;height:38px!important;flex:0 0 38px!important}
  .site-header .brand-title{font-size:clamp(14px,4.8vw,19px)!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.05em!important;white-space:nowrap!important;overflow:visible!important}
  .site-header .header-actions{gap:5px!important;flex:0 0 auto!important}
  .site-header .online-pill,.site-header .phone-link,.site-header .header-actions>.btn{display:none!important}
  .site-header .language-select{display:flex!important;flex:0 0 46px!important;width:46px!important}
  .site-header .language-select select{width:46px!important;min-width:46px!important;height:40px!important;padding:6px 2px!important;font-size:10px!important}
  .site-header .menu-button{width:44px!important;height:44px!important;min-height:44px!important;padding:8px!important;border-radius:12px!important;background:linear-gradient(145deg,#f9fdff,#dceef8)!important;color:#123548!important;border:1px solid #a9d0e2!important;box-shadow:0 7px 20px rgba(40,115,150,.18),inset 0 0 12px rgba(255,255,255,.75)!important}
  .site-header .menu-button.is-open{background:linear-gradient(145deg,#f4fbff,#cfe9f5)!important;color:#0c5e88!important}
  .site-header .menu-button .menu-icon{font-size:23px!important;line-height:1!important}
  .site-header .menu-button b{display:none!important}
  .site-header .desktop-nav{display:none!important}
  .mobile-nav{display:flex!important;position:fixed!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;height:64px!important;z-index:4900!important;border-radius:17px!important}
}
/* Menu button uses the same luminous surface in all themes; only text/icon contrast changes. */
.site-header .menu-button{background:linear-gradient(145deg,#f9fdff,#dceef8)!important;color:#123548!important;border:1px solid #a9d0e2!important;box-shadow:0 8px 24px rgba(40,115,150,.18),inset 0 0 14px rgba(255,255,255,.72)!important}
.site-header .menu-button.is-open{background:linear-gradient(145deg,#eefaff,#cbe7f4)!important;color:#0b5f8a!important}
body.night-mode .site-header .menu-button{background:linear-gradient(145deg,#173f55,#0e2938)!important;color:#e9faff!important;border-color:#3e7892!important}
body.night-mode .site-header .menu-button.is-open{background:linear-gradient(145deg,#1e526b,#123344)!important;color:#e9faff!important}
/* Daily six product showcase */
.daily-promo-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.daily-product{padding:9px;border-radius:16px;background:rgba(255,255,255,.96);color:#122331;border:1px solid rgba(65,158,197,.25);box-shadow:0 8px 24px rgba(12,92,125,.10);display:grid;gap:5px;min-width:0}
.daily-product-photo{height:76px;border-radius:12px;overflow:hidden;background:#fff;display:grid;place-items:center}.daily-product-photo img{width:100%;height:100%;object-fit:contain;display:block}
.daily-product>span{font-size:8px;letter-spacing:.08em;color:#0d76a7;font-weight:950}.daily-product>b{font-size:11px;line-height:1.25}.daily-product>small{font-size:9px;line-height:1.3;color:#607582;min-height:23px}.daily-product>div{display:flex;gap:5px;align-items:baseline}.daily-product strong{font-size:12px;color:#075f91}.daily-product del{font-size:8px;color:#7d8d95}.daily-product .btn{min-height:30px;padding:6px 8px;font-size:9px}
@media(min-width:1001px){.daily-promo-products{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-product-photo{height:92px}}
body.night-mode .daily-product{background:linear-gradient(145deg,#0f2736,#17233b)!important;color:#f2fbff!important;border-color:#315a6d!important}.night-mode .daily-product>b,.night-mode .daily-product small{color:#f2fbff!important}.night-mode .daily-product>small{color:#a9c1cc!important}
/* Replace SAPPHIRE WALL with one unified supplier/material wall. */
.materials-supplier-wall{margin-top:18px;padding:20px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(228,247,255,.78));border:1px solid rgba(77,172,211,.25);box-shadow:0 18px 50px rgba(10,92,126,.12)}
.materials-supplier-wall-head h3{margin:5px 0 6px;font-size:clamp(22px,2.8vw,34px);color:#122b3a;font-weight:1000}.materials-supplier-wall-head p{margin:0;color:#526b78;font-size:14px;line-height:1.55}.materials-supplier-wall-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.materials-supplier-wall-grid figure{margin:0;border-radius:15px;overflow:hidden;background:#fff;border:1px solid #d7e8ef;position:relative}.materials-supplier-wall-grid img{width:100%;height:110px;object-fit:cover;display:block}.materials-supplier-wall-grid figcaption{padding:8px 9px;font-size:11px;font-weight:900;color:#173847}.night-mode .materials-supplier-wall{background:linear-gradient(145deg,#0d2635,#1b2540);border-color:#31586a}.night-mode .materials-supplier-wall-head h3,.night-mode .materials-supplier-wall-head p{color:#f1fbff}.night-mode .materials-supplier-wall-grid figure{background:#132b3a;border-color:#31586a}.night-mode .materials-supplier-wall-grid figcaption{color:#f1fbff}
@media(max-width:680px){.materials-supplier-wall{padding:14px;border-radius:20px}.materials-supplier-wall-grid{grid-template-columns:repeat(2,1fr)}.materials-supplier-wall-grid img{height:90px}.materials-supplier-wall-grid figcaption{font-size:10px}}
/* Strong, unmistakable contrast in the materials area and all controls. */
body.day-mode .material-market .material-card,body.day-mode .material-market .market-toolbar,body.day-mode .material-market .market-note{color:#122331!important}
body.day-mode .material-market .material-card h3,body.day-mode .material-market .material-card p,body.day-mode .material-market .material-card b,body.day-mode .material-market .material-card small,body.day-mode .material-market .material-card .supplier{color:#18313e!important;opacity:1!important}
body.day-mode .material-market .market-toolbar input,body.day-mode .material-market .market-toolbar select{background:#fff!important;color:#102331!important;-webkit-text-fill-color:#102331!important}
body.night-mode .material-market .material-card,body.night-mode .material-market .market-toolbar,body.night-mode .material-market .market-note{color:#f3fbff!important}
body.night-mode .material-market .material-card h3,body.night-mode .material-market .material-card p,body.night-mode .material-market .material-card b,body.night-mode .material-market .material-card small,body.night-mode .material-market .material-card .supplier{color:#f3fbff!important;opacity:1!important}
body.night-mode .material-market .market-toolbar input,body.night-mode .material-market .market-toolbar select{background:#102633!important;color:#f3fbff!important;-webkit-text-fill-color:#f3fbff!important;border-color:#3f6476!important}
/* Yandex badge */
.yandex-brand-icon{display:inline-grid!important;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#ffdf00,#ffca00);color:#111!important;font-weight:1000!important;font-size:17px!important;box-shadow:0 5px 16px rgba(255,196,0,.28)}
.review-score .yandex-brand-icon{margin-right:8px;vertical-align:middle}

/* V29 — FIXED NAV + MATERIAL ACCORDIONS + FULL DAY CONTRAST + CLEAN BRAND */
:root{--profi-red:#e24a2f;--profi-orange:#ff7a24;--profi-blue:#157fb0;--profi-ink:#132b39}
html{scroll-padding-top:94px!important;background:#fff}
body{padding-top:82px!important;min-height:100vh;background:#fff;color:#142a38}
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9500!important;height:82px!important}
.site-header .header-inner{height:82px!important}
.site-header .brand-logo-wrap{min-width:0!important;flex:1 1 auto!important}
.site-header .brand-wordmark{display:flex!important;align-items:center!important;min-width:0!important;flex:1 1 auto!important}
.site-header .brand-wordmark img{width:48px!important;height:52px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;filter:drop-shadow(0 4px 12px rgba(26,107,146,.20))!important}
.site-header .brand-title{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;background:none!important;-webkit-text-fill-color:initial!important;color:#12384b!important;text-shadow:none!important;font-weight:950!important}
body.night-mode .site-header .brand-title{color:#f2fbff!important;-webkit-text-fill-color:#f2fbff!important}
.site-header .header-actions{position:relative;z-index:3!important}
.site-header .menu-button{position:relative;z-index:5!important;touch-action:manipulation!important}
.site-menu{z-index:9999!important}
body.menu-open{overflow:hidden!important}
@media(max-width:680px){
  html{scroll-padding-top:78px!important}
  body{padding-top:72px!important;padding-bottom:88px!important}
  .site-header{height:72px!important}
  .site-header .header-inner{height:72px!important;padding:5px 8px!important}
  .site-header .header-brand-row{height:62px!important;gap:5px!important}
  .site-header .brand-logo-wrap{max-width:calc(100% - 98px)!important;gap:5px!important}
  .site-header .brand-wordmark img{width:34px!important;height:42px!important;flex:0 0 34px!important}
  .site-header .brand-title{font-size:12.8px!important;line-height:1.08!important;letter-spacing:-.025em!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;text-overflow:clip!important}
  .site-header .brand-logo-wrap .logo-theme-control{width:28px!important;height:28px!important;flex-basis:28px!important}
  .site-header .header-actions{gap:4px!important}
  .site-header .language-select,.site-header .language-select select{width:44px!important;min-width:44px!important}
  .site-header .language-select select{height:40px!important;font-size:10px!important}
  .site-header .menu-button{width:46px!important;height:42px!important;min-height:42px!important;padding:7px!important}
  .site-header .menu-button .menu-icon{font-size:22px!important}
  .mobile-nav{bottom:max(8px,env(safe-area-inset-bottom))!important;z-index:9800!important}
}
/* Menu material accordion */
.menu-accordion{display:grid;gap:6px}
.menu-accordion-toggle{width:100%;border:1px solid #c5dce7;border-radius:13px;background:rgba(247,252,255,.96);color:#102d3b;padding:13px 12px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;font:900 17px/1 Manrope;cursor:pointer}
.menu-accordion-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#dff7ff,#c5eaf8);color:#0a77ab;font-size:18px}
.menu-chevron{font-size:21px;transition:transform .2s ease}
.menu-accordion-toggle[aria-expanded="true"] .menu-chevron{transform:rotate(180deg)}
.menu-material-groups{display:grid;gap:5px;padding:2px 0 5px 10px}
.menu-material-groups a{display:flex!important;align-items:center;justify-content:space-between;gap:8px!important;background:linear-gradient(145deg,#f8fcff,#edf8fc)!important;color:#194153!important;border:1px solid #d4e7ef!important;font-size:14px!important;padding:10px 11px!important;border-radius:11px!important}
.menu-material-groups small{color:#6d8793;font-size:9px;font-weight:800}
body.night-mode .menu-accordion-toggle{background:rgba(15,38,51,.96);color:#effaff;border-color:#355d70}
body.night-mode .menu-accordion-icon{background:linear-gradient(145deg,#163f54,#205c77);color:#8ce0ff}
body.night-mode .menu-material-groups a{background:linear-gradient(145deg,#112b39,#172640)!important;color:#effaff!important;border-color:#315466!important}
body.night-mode .menu-material-groups small{color:#9db9c5}
/* Catalog accordion */
.market-catalog-toggle{width:100%;margin:20px 0 0;border:1px solid rgba(62,153,194,.30);border-radius:20px;padding:14px 16px;background:linear-gradient(145deg,#fff,#edf9fd);color:#12303e;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;text-align:left;cursor:pointer;box-shadow:0 12px 32px rgba(23,113,148,.08);font-family:Manrope}
.market-catalog-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#dff8ff,#bfe7f6);color:#0b78ad;font-size:23px;font-weight:900}
.market-catalog-toggle span:nth-child(2){display:grid;gap:2px}.market-catalog-toggle b{font-size:16px}.market-catalog-toggle small{font-size:10px;color:#64808d}.market-catalog-toggle i{font-style:normal;font-size:24px;transition:transform .2s ease}.market-catalog-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
.market-catalog-body{overflow:hidden;animation:catalogIn .25s ease}.market-catalog-body[hidden]{display:none!important}
@keyframes catalogIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
body.night-mode .market-catalog-toggle{background:linear-gradient(145deg,#102b39,#18273f);color:#effaff;border-color:#355e70}.night-mode .market-catalog-toggle small{color:#a4c0cb}.night-mode .market-catalog-icon{background:linear-gradient(145deg,#173f53,#225f7a);color:#8fe4ff}
/* Day mode: white base, dark/colored typography everywhere — no white-on-white text */
body.day-mode,body.day-mode #main,body.day-mode .section,body.day-mode .section-soft,body.day-mode .material-market,body.day-mode .contact-section{background:#fff!important;color:#142a38!important}
body.day-mode .section-dark,body.day-mode .vip-section,body.day-mode .social-section{background:linear-gradient(180deg,#fff 0%,#f6fbfd 55%,#fff 100%)!important;color:#142a38!important}
body.day-mode .section-dark:before,body.day-mode .vip-section:before,body.day-mode .social-section:before{background:radial-gradient(circle,rgba(35,157,207,.10),transparent 70%)!important}
body.day-mode .section-head h2,body.day-mode .calc-layout h2,body.day-mode .about-grid h2,body.day-mode .faq-wrap h2,body.day-mode .contact-grid h2,body.day-mode .vip-head h2,body.day-mode .social-grid h2,body.day-mode .market-head h2,body.day-mode .premium-head h2{color:#122c3a!important;text-shadow:none!important}
body.day-mode .section-head>p,body.day-mode .calc-layout>div>p,body.day-mode .about-grid p,body.day-mode .contact-grid>div>p,body.day-mode .vip-head p,body.day-mode .social-grid p,body.day-mode .market-head p,body.day-mode .faq p,body.day-mode .process p{color:#526a76!important;text-shadow:none!important}
body.day-mode .eyebrow{color:#d94a32!important}
body.day-mode .vip-head h2:after,body.day-mode .social-grid h2:after{color:#d94a32}
body.day-mode .vip-card,body.day-mode .vip-section .vip-card,body.day-mode .vip-section .vip-payment,body.day-mode .vip-section .vip-meta>div,body.day-mode .vip-section .vip-files li,body.day-mode .vip-section .vip-security,body.day-mode .vip-section .vip-chat,body.day-mode .vip-section .approval-row{background:linear-gradient(145deg,#fff,#f4f9fb)!important;color:#17303e!important;border-color:#c9dce5!important}
body.day-mode .vip-card h3,body.day-mode .vip-card p,body.day-mode .vip-card li,body.day-mode .vip-note,body.day-mode .vip-meta b,body.day-mode .vip-meta small,body.day-mode .vip-files b,body.day-mode .vip-files small,body.day-mode .vip-payment b,body.day-mode .vip-payment small,body.day-mode .progress-line,body.day-mode .approval-row b,body.day-mode .approval-row small{color:#27414e!important;text-shadow:none!important}
body.day-mode .vip-head h2{color:#102b39!important}.day-mode .vip-head p{color:#526a76!important}.day-mode .vip-tag{background:#173b4d!important;color:#fff!important}
body.day-mode .review-score{background:#fff!important;color:#122c3a!important;border-color:#cbdde6!important}.day-mode .review-score strong{color:#102c3b!important}.day-mode .review-score>div>span{color:#536c78!important}
body.day-mode .review-card{background:#fff!important;color:#17313e!important;border-color:#d6e4ea!important}.day-mode .review-card p{color:#526570!important}.day-mode .review-card small{color:#7a8b94!important}
body.day-mode .reviews-actions>span{color:#647984!important}.day-mode .yandex-review-btn{background:linear-gradient(135deg,#183b4d,#0d759f)!important;color:#fff!important}
body.day-mode .contact-details-clean>div{background:linear-gradient(145deg,#fff,#f1f9fc)!important;color:#17313e!important;border-color:#cbdfe8!important;position:relative;overflow:hidden}.day-mode .contact-details-clean>div:after{content:"";position:absolute;width:120px;height:120px;right:-55px;top:-55px;border-radius:50%;background:radial-gradient(circle,rgba(255,112,62,.18),transparent 68%);animation:contactGlow 6s ease-in-out infinite alternate;pointer-events:none}.day-mode .contact-details-clean span{color:#708793!important}.day-mode .contact-details-clean b{color:#18313e!important}
@keyframes contactGlow{from{transform:scale(.85);opacity:.55}to{transform:scale(1.15);opacity:1}}
body.day-mode .footer{background:linear-gradient(180deg,#f4fbfd,#fff)!important;color:#526a76!important;border-top:1px solid #d9e9ef}.day-mode .footer h3,.day-mode .footer a{color:#183847!important}.day-mode .footer-bottom{border-color:#d7e6ec!important}
body.day-mode .social-card{background:linear-gradient(145deg,#fff,#f3f9fc)!important;color:#17313e!important;border-color:#cbdfe7!important}.day-mode .social-card b{color:#183847!important}.day-mode .social-card span{color:#627985!important}
/* Process icons visible in both modes */
.process li{grid-template-columns:72px 1fr!important;align-items:start!important}.process-marker{display:grid;justify-items:start;gap:7px}.process-marker>b{font-size:15px!important;color:#d94a32!important}.process-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f9ff,#ccecf8);border:1px solid #b5dce9;color:#0878ac;font-size:19px;font-style:normal;box-shadow:0 8px 20px rgba(21,116,151,.12)}
body.night-mode .process-marker>b{color:#ff897c!important}.night-mode .process-icon{background:linear-gradient(145deg,#153b4e,#1b2b44)!important;border-color:#38667b!important;color:#8ee3ff!important;box-shadow:0 8px 22px rgba(0,0,0,.25)}
/* Material icon */
.mobile-material-icon{width:26px;height:26px;display:grid;place-items:center}.mobile-material-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.mobile-material-link{color:#0b78ad!important}.night-mode .mobile-material-link{color:#8fe4ff!important}
/* Supplier/gallery photos: no black bars, no upscaling distortion */
.materials-supplier-wall-grid img,.material-brands-gallery img{background:#f3f8fa!important;object-fit:cover!important;object-position:center!important;filter:saturate(1.03) contrast(1.02)!important}
.materials-supplier-wall-grid figure{background:#f8fcfd!important}.night-mode .materials-supplier-wall-grid figure{background:#112b39!important}
/* Clean logo surfaces */
.brand-wordmark img,.footer img{background:transparent!important;object-fit:contain!important}
/* Make sure floating chat never covers the fixed nav excessively */
.chat-fab{z-index:9850!important}
@media(max-width:680px){
  .process li{grid-template-columns:58px 1fr!important}.process-marker{gap:5px}.process-icon{width:36px;height:36px;border-radius:12px;font-size:16px}
  .market-catalog-toggle{grid-template-columns:40px 1fr auto;padding:12px}.market-catalog-icon{width:38px;height:38px;border-radius:12px}
  .market-catalog-toggle b{font-size:14px}.market-catalog-toggle small{font-size:9px}
  .menu-material-groups{padding-left:4px}
}
/* V29 final visual correction: true light mode and richer night contact surfaces */
body.day-mode .hero{background:linear-gradient(120deg,#ffffff 0%,#f6fbfd 54%,#eaf8fd 100%)!important;color:#102b39!important;box-shadow:inset 0 -1px 0 #dcecf2,0 22px 70px rgba(34,125,160,.08)!important}
body.day-mode .hero:after{background:radial-gradient(circle at 12% 20%,rgba(62,184,225,.16),transparent 24%),radial-gradient(circle at 85% 65%,rgba(255,111,69,.10),transparent 28%)!important}
body.day-mode .hero-copy{color:#102b39!important;text-shadow:none!important}.day-mode .hero-copy h1{color:#102b39!important}.day-mode .hero-copy h1:after{background:linear-gradient(90deg,#e24a2f,#1595c7,transparent)!important;box-shadow:none!important}.day-mode .hero-lead{color:#536c78!important}.day-mode .hero-trust{border-color:#d8e8ee!important}.day-mode .hero-trust strong{color:#123446!important}.day-mode .hero-trust span{color:#708793!important}
body.day-mode .hero-card{background:rgba(255,255,255,.82)!important;color:#17313e!important;border-color:#c8dfe8!important;box-shadow:0 25px 70px rgba(31,114,149,.13),inset 0 1px 0 rgba(255,255,255,.9)!important}.day-mode .hero-card-top{color:#5a7480!important}.day-mode .preview-line{color:#6d8590!important;border-color:#d9e8ee!important}.day-mode .preview-line b{color:#284654!important}.day-mode .preview-line.active{background:linear-gradient(90deg,rgba(226,74,47,.10),rgba(21,149,199,.12))!important}.day-mode .preview-line.active b{color:#17313e!important}.day-mode .hero-card>p{color:#667e89!important}
body.day-mode .premium-showcase{background:#fff!important;color:#142a38!important}.day-mode .premium-head h2{color:#122c3a!important}.day-mode .premium-head p{color:#5b737e!important}
body.night-mode .contact-details-clean>div{background:linear-gradient(145deg,#0d2430,#151f36)!important;border-color:#315a6d!important;color:#eefaff!important;position:relative;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(124,221,255,.08)!important}.night-mode .contact-details-clean>div:after{content:"";position:absolute;width:140px;height:140px;right:-65px;top:-65px;border-radius:50%;background:radial-gradient(circle,rgba(77,201,255,.20),transparent 68%);animation:nightContactGlow 5.5s ease-in-out infinite alternate;pointer-events:none}.night-mode .contact-details-clean span{color:#8eabb7!important}.night-mode .contact-details-clean b{color:#f1fbff!important}
@keyframes nightContactGlow{from{transform:scale(.82);opacity:.35}to{transform:scale(1.2);opacity:1}}
body.night-mode .review-score{background:linear-gradient(145deg,#102a38,#16243a)!important;border-color:#355b6c!important;color:#effaff!important}.night-mode .review-score strong{color:#fff!important}.night-mode .review-score>div>span{color:#a8c1cb!important}
body.night-mode .yandex-brand-icon{box-shadow:0 0 20px rgba(255,208,0,.24)!important}

/* V30 — PROFI Radio + AI voice assistant */
.profi-tools{position:fixed;right:18px;bottom:118px;z-index:9890;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.profi-tool-btn{border:1px solid rgba(255,255,255,.48);background:linear-gradient(135deg,rgba(10,55,76,.96),rgba(14,131,177,.96));color:#fff;border-radius:18px;padding:10px 14px;min-height:46px;display:flex;align-items:center;gap:9px;font:800 13px/1 system-ui,-apple-system,sans-serif;box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.25);cursor:pointer;backdrop-filter:blur(14px)}
.profi-tool-btn:hover{transform:translateY(-2px)}.profi-tool-btn .tool-icon{font-size:21px}.profi-tool-btn.ai{background:linear-gradient(135deg,#d9432d,#ff7b2e)}
.profi-tool-modal{position:fixed;inset:0;z-index:10020;display:none;align-items:flex-end;justify-content:center;padding:18px;background:rgba(3,12,18,.48);backdrop-filter:blur(7px)}
.profi-tool-modal.open{display:flex}.profi-tool-card{width:min(720px,100%);max-height:min(82vh,760px);overflow:auto;border:1px solid rgba(148,220,244,.38);border-radius:28px;background:linear-gradient(145deg,#f9fdff,#eaf7fb);color:#102d3c;box-shadow:0 30px 90px rgba(0,0,0,.35);padding:20px}
.profi-tool-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.profi-tool-head h3{margin:0;font-size:24px}.profi-tool-close{width:40px;height:40px;border-radius:50%;border:1px solid #c9dde5;background:#fff;font-size:24px;cursor:pointer;color:#173744}
.radio-group-title{font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#7a4b20;margin:14px 2px 8px}.radio-group-title-intl{margin-top:20px;color:#164f68}.night-mode .radio-group-title{color:#ffbd8f}.night-mode .radio-group-title-intl{color:#8bdcff}
.radio-now{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:16px;background:#fff;border:1px solid #d5e7ed;margin-bottom:12px}.radio-dot{width:10px;height:10px;border-radius:50%;background:#e34c31;box-shadow:0 0 0 6px rgba(227,76,49,.12);animation:radioPulse 1.6s infinite}.radio-now small{color:#68808b}.radio-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.radio-card{border:1px solid #cbdfe7;background:#fff;border-radius:18px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.radio-card strong{display:block;font-size:15px}.radio-card small{display:block;color:#718791;margin-top:3px}.radio-card a{flex:0 0 auto;text-decoration:none;border-radius:12px;padding:9px 11px;background:#123b4d;color:#fff;font-weight:800;font-size:12px}.radio-note{font-size:11px;color:#718791;margin:13px 2px 0}.ai-status{padding:11px 13px;border-radius:15px;background:#fff;border:1px solid #d5e7ed;color:#607985;font-size:13px;margin-bottom:12px}.ai-transcript{min-height:62px;border:1px solid #d5e7ed;border-radius:16px;background:#fff;padding:12px;color:#173744;margin-bottom:10px}.ai-answer{min-height:80px;border:1px solid #bcdce7;border-radius:16px;background:linear-gradient(145deg,#fff,#effaff);padding:13px;line-height:1.5;color:#173744}.ai-controls{display:flex;gap:10px;margin-top:12px}.ai-mic{border:0;border-radius:16px;padding:12px 17px;background:linear-gradient(135deg,#df482f,#ff7c30);color:#fff;font-weight:900;cursor:pointer}.ai-mic.listening{animation:micPulse 1s infinite}.ai-input{flex:1;border:1px solid #cbdfe7;border-radius:16px;padding:12px 14px;font:inherit;min-width:0}.ai-send{border:0;border-radius:16px;padding:12px 16px;background:#123b4d;color:#fff;font-weight:900;cursor:pointer}.night-mode .profi-tool-card{background:linear-gradient(145deg,#0b202c,#122b3b);color:#eefaff;border-color:#31596b}.night-mode .profi-tool-head h3,.night-mode .profi-tool-close{color:#eefaff}.night-mode .profi-tool-close{background:#173442;border-color:#31596b}.night-mode .radio-now,.night-mode .radio-card,.night-mode .ai-status,.night-mode .ai-transcript,.night-mode .ai-answer,.night-mode .ai-input{background:#102a38;color:#eafaff;border-color:#31596b}.night-mode .radio-card small,.night-mode .radio-note,.night-mode .ai-status{color:#9ab5c0}.night-mode .radio-card a{background:#1a7397}.night-mode .ai-answer{background:linear-gradient(145deg,#102b39,#173646);color:#eafaff}
@keyframes radioPulse{50%{box-shadow:0 0 0 10px rgba(227,76,49,0)}}@keyframes micPulse{50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(255,107,47,.18)}}
@media(max-width:680px){.profi-tools{right:12px;bottom:112px}.profi-tool-btn{padding:9px 11px;min-height:42px}.profi-tool-btn b{display:none}.radio-list{grid-template-columns:1fr}.profi-tool-card{border-radius:24px;padding:15px}.profi-tool-head h3{font-size:21px}.ai-controls{flex-wrap:wrap}.ai-input{flex-basis:100%}}


/* V32 — PROFI-RU SUPER PLATFORM cockpit */
.super-platform{position:relative;padding:42px 0 34px;background:linear-gradient(180deg,#f7fcfe 0%,#fff 100%);border-top:1px solid #dcecf2;border-bottom:1px solid #e0edf2;overflow:hidden}
.super-platform:before{content:"";position:absolute;inset:-35% -10% auto;height:430px;background:radial-gradient(circle at 18% 40%,rgba(53,184,222,.15),transparent 31%),radial-gradient(circle at 82% 20%,rgba(225,74,47,.09),transparent 28%);pointer-events:none}
.super-platform-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.super-platform-head h2{margin:6px 0 7px;color:#102b39;font-size:clamp(27px,4vw,42px);letter-spacing:-.035em}.super-platform-head p{max-width:760px;margin:0;color:#5e7580;line-height:1.55}.platform-live{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;border:1px solid #cce4ec;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(31,114,149,.08);font-size:12px;color:#607985}.platform-live i{width:9px;height:9px;border-radius:50%;background:#20ad69;box-shadow:0 0 0 5px rgba(32,173,105,.12);animation:platformPulse 1.8s infinite}.platform-live b{color:#173744}
.platform-status{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.platform-status-item{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #d7e8ee;background:#fff;border-radius:17px;padding:11px 13px;cursor:pointer;box-shadow:0 8px 25px rgba(23,79,99,.06);font:inherit}.platform-status-item:hover{transform:translateY(-1px);border-color:#b9dce8}.platform-status-item>span{font-size:21px}.platform-status-item small{display:block;color:#79909a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.platform-status-item b{display:block;margin-top:2px;color:#163745;font-size:13px}
.platform-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.platform-card{position:relative;min-height:160px;display:flex;align-items:flex-start;gap:13px;text-align:left;border:1px solid #cfe3ea;background:rgba(255,255,255,.94);border-radius:22px;padding:18px;color:#173744;text-decoration:none;box-shadow:0 13px 35px rgba(29,105,134,.08),inset 0 1px 0 rgba(255,255,255,.9);transition:.2s ease;overflow:hidden;cursor:pointer;font:inherit}.platform-card:after{content:"";position:absolute;right:-45px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(46,176,219,.11),transparent 68%);pointer-events:none}.platform-card:hover{transform:translateY(-3px);border-color:#9ccedc;box-shadow:0 18px 45px rgba(29,105,134,.13)}.platform-card-icon{width:45px;height:45px;display:grid;place-items:center;flex:0 0 45px;border-radius:15px;background:#eef9fc;border:1px solid #d4ebf2;font-size:23px}.platform-card small{display:block;color:#78909b;font-size:10px;font-weight:950;letter-spacing:.08em}.platform-card h3{margin:5px 0 5px;font-size:18px;letter-spacing:-.015em;color:#123443}.platform-card p{margin:0;color:#637b86;font-size:12px;line-height:1.45;max-width:250px}.platform-arrow{position:absolute;right:15px;bottom:13px;font-size:21px;font-weight:900;color:#1a94bc}.platform-card-ai{background:linear-gradient(145deg,#fff,#fff5f1);border-color:#efd6cf}.platform-card-ai .platform-card-icon{background:#fff0eb;border-color:#f4d1c7}.platform-card-radio{background:linear-gradient(145deg,#fff,#f0fbff)}.platform-card-vip{background:linear-gradient(145deg,#fff,#f5f1ff)}.platform-card-remote{background:linear-gradient(145deg,#fff,#f0f9ff)}
.platform-quick{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.platform-quick button{border:1px solid #c9e0e8;background:#fff;border-radius:999px;padding:10px 13px;color:#173744;font-weight:850;cursor:pointer}.platform-quick button:hover{border-color:#8fc7d8;transform:translateY(-1px)}
@keyframes platformPulse{50%{box-shadow:0 0 0 8px rgba(32,173,105,0)}}
body.night-mode .super-platform{background:linear-gradient(180deg,#081b27,#0c2230);border-color:#244b5d}.night-mode .super-platform-head h2{color:#eefaff}.night-mode .super-platform-head p{color:#9cb7c2}.night-mode .platform-live,.night-mode .platform-status-item,.night-mode .platform-card,.night-mode .platform-quick button{background:#102a38;color:#eafaff;border-color:#31596b}.night-mode .platform-status-item b,.night-mode .platform-card h3,.night-mode .platform-card{color:#eafaff}.night-mode .platform-status-item small,.night-mode .platform-card p,.night-mode .platform-card small{color:#9ab5c0}.night-mode .platform-card-icon{background:#173746;border-color:#31596b}
@media(max-width:980px){.platform-grid{grid-template-columns:repeat(2,1fr)}.platform-status{grid-template-columns:repeat(2,1fr)}.super-platform-head{align-items:flex-start;flex-direction:column}.platform-live{align-self:flex-start}}
@media(max-width:680px){.super-platform{padding:29px 0 24px}.platform-status{grid-template-columns:repeat(2,1fr);gap:7px}.platform-status-item{padding:10px 9px;border-radius:15px}.platform-status-item>span{font-size:18px}.platform-status-item b{font-size:11px}.platform-grid{grid-template-columns:1fr;gap:9px}.platform-card{min-height:108px;padding:14px;border-radius:19px}.platform-card-icon{width:40px;height:40px;flex-basis:40px;font-size:20px}.platform-card h3{font-size:16px}.platform-card p{font-size:11px}.platform-quick{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.platform-quick button{white-space:nowrap;font-size:11px;padding:9px 11px}.super-platform-head h2{font-size:28px}}


/* V32 — always-available platform entry point */
.profi-hub-fab{position:fixed;right:18px;bottom:225px;z-index:9889;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:9px 13px;background:linear-gradient(135deg,#102f40,#1c9bc3);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.25);font:950 12px/1 system-ui,-apple-system,sans-serif;cursor:pointer}.profi-hub-fab span{font-size:18px}.profi-hub-fab:hover{transform:translateY(-2px)}
.platform-nav-link{font-weight:950!important;color:#d9472f!important}.night-mode .platform-nav-link{color:#ff8b69!important}
@media(max-width:680px){.profi-hub-fab{right:12px;bottom:165px;padding:10px 12px}.profi-hub-fab b{display:none}.profi-hub-fab span{font-size:21px}}

/* V34.2 — DAY ORANGE / PROFI START / MATERIAL PHOTO FINISH */
body.day-mode{
  --accent:#ff5a1f!important;
  --accent2:#ff8a1f!important;
  --bg:#fff!important;
  --surface:#fff!important;
  --ink:#17191c!important;
  --muted:#5f646b!important;
  --line:#eadfd8!important;
  background:#fff!important;
  color:#17191c!important;
}
body.day-mode .site-header{
  background:rgba(255,255,255,.97)!important;
  color:#17191c!important;
  border-bottom:2px solid rgba(255,90,31,.18)!important;
  box-shadow:0 8px 28px rgba(255,90,31,.10)!important;
}
body.day-mode .site-header .brand-title,
body.day-mode .site-header .phone-link,
body.day-mode .desktop-nav a,
body.day-mode .utility-label{color:#17191c!important}
body.day-mode .site-header .desktop-nav a:hover{color:#ff5a1f!important}
body.day-mode .header-utility{border-color:#f0d5c7!important;background:#fff!important;color:#17191c!important}
body.day-mode .header-utility:hover{border-color:#ff8a1f!important;box-shadow:0 8px 24px rgba(255,90,31,.12)!important}
body.day-mode .language-select select{background:#fff!important;color:#17191c!important;border-color:#efcfbf!important}
body.day-mode .menu-button,
body.day-mode .site-header .menu-button{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;color:#fff!important;box-shadow:0 10px 28px rgba(255,90,31,.24)!important}
body.day-mode .menu-button.is-open{background:#17191c!important;color:#fff!important}
body.day-mode .btn-accent,
body.day-mode .market-cart-card .btn-accent,
body.day-mode .cart-open-btn{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;color:#fff!important;box-shadow:0 9px 24px rgba(255,90,31,.20)!important}
body.day-mode .btn-accent:hover{background:linear-gradient(135deg,#f04b14,#ff7a16)!important}
body.day-mode .btn-dark{background:#17191c!important;color:#fff!important}
body.day-mode .hero{
  background:#fff!important;
  color:#17191c!important;
  box-shadow:inset 0 -1px 0 #f1e3dc!important;
}
body.day-mode .hero:after{background:radial-gradient(circle at 14% 25%,rgba(255,90,31,.16),transparent 25%),radial-gradient(circle at 84% 60%,rgba(255,138,31,.12),transparent 30%)!important}
body.day-mode .hero .eyebrow{color:#ff5a1f!important}
body.day-mode .hero-copy h1{color:#17191c!important}
body.day-mode .hero-copy h1:after{background:linear-gradient(90deg,#ff5a1f,#ff8a1f,transparent)!important}
body.day-mode .hero-lead{color:#4e555c!important}
body.day-mode .hero-card{background:#fff!important;color:#17191c!important;border-color:#eed9cd!important;box-shadow:0 25px 70px rgba(255,90,31,.10)!important}
body.day-mode .hero-card-top{color:#5b6269!important}
body.day-mode .preview-line{color:#747a80!important;border-color:#f0e2da!important}
body.day-mode .preview-line b{color:#25292d!important}
body.day-mode .preview-line.active{background:linear-gradient(90deg,rgba(255,90,31,.11),rgba(255,138,31,.06))!important;border-color:#ffd0bd!important}
body.day-mode .preview-line.active b{color:#17191c!important}
body.day-mode .hero-trust{border-color:#efdcd2!important}
body.day-mode .hero-trust strong{color:#ff5a1f!important}
body.day-mode .hero-trust span{color:#656b71!important}
body.day-mode .premium-showcase,
body.day-mode .super-platform,
body.day-mode .section,
body.day-mode .section-soft,
body.day-mode .material-market,
body.day-mode .contact-section,
body.day-mode .footer{background:#fff!important;color:#17191c!important}
body.day-mode .super-platform{border-color:#f1ded4!important}
body.day-mode .super-platform:before{background:radial-gradient(circle at 18% 40%,rgba(255,90,31,.12),transparent 31%),radial-gradient(circle at 82% 20%,rgba(255,138,31,.10),transparent 28%)!important}
body.day-mode .section-dark,
body.day-mode .vip-section,
body.day-mode .social-section{background:#fff!important;color:#17191c!important}
body.day-mode .section-dark:before,
body.day-mode .vip-section:before,
body.day-mode .social-section:before{background:radial-gradient(circle,rgba(255,90,31,.08),transparent 70%)!important}
body.day-mode .section-head h2,
body.day-mode .calc-layout h2,
body.day-mode .about-grid h2,
body.day-mode .faq-wrap h2,
body.day-mode .contact-grid h2,
body.day-mode .vip-head h2,
body.day-mode .social-grid h2,
body.day-mode .market-head h2,
body.day-mode .premium-head h2,
body.day-mode .super-platform-head h2{color:#17191c!important}
body.day-mode .section-head>p,
body.day-mode .calc-layout>div>p,
body.day-mode .about-grid p,
body.day-mode .contact-grid>div>p,
body.day-mode .vip-head p,
body.day-mode .social-grid p,
body.day-mode .market-head p,
body.day-mode .faq p,
body.day-mode .process p,
body.day-mode .premium-head p,
body.day-mode .super-platform-head p{color:#5f646b!important}
body.day-mode .eyebrow{color:#ff5a1f!important}
body.day-mode .service-card,
body.day-mode .platform-status-item,
body.day-mode .platform-card,
body.day-mode .review-card,
body.day-mode .social-card,
body.day-mode .contact-details-clean>div,
body.day-mode .vip-card,
body.day-mode .calculator,
body.day-mode .about-panel,
body.day-mode .remote-card{background:#fff!important;color:#17191c!important;border-color:#efddd4!important;box-shadow:0 12px 35px rgba(255,90,31,.07)!important}
body.day-mode .service-card h3,
body.day-mode .service-card p,
body.day-mode .platform-card h3,
body.day-mode .platform-card p,
body.day-mode .platform-status-item b{color:#17191c!important}
body.day-mode .platform-status-item small{color:#777c81!important}
body.day-mode .platform-status-item>span,
body.day-mode .platform-card-icon{color:#ff5a1f!important}
body.day-mode .market-cart-card{background:linear-gradient(145deg,#fff7f2,#fff)!important;color:#17191c!important;border:1px solid #ffd0bd!important;box-shadow:0 15px 38px rgba(255,90,31,.12)!important}
body.day-mode .market-cart-card small{color:#77716d!important}
body.day-mode .market-cart-card>strong{color:#ff5a1f!important}
body.day-mode .market-catalog-toggle{background:linear-gradient(145deg,#fff8f4,#fff)!important;color:#17191c!important;border-color:#ffd0bd!important;box-shadow:0 12px 30px rgba(255,90,31,.08)!important}
body.day-mode .market-catalog-icon{background:linear-gradient(145deg,#fff0e8,#ffd9c7)!important;color:#ff5a1f!important}
body.day-mode .market-catalog-toggle small{color:#74716f!important}
body.day-mode .material-card{background:#fff!important;color:#17191c!important;border-color:#eeddd5!important;box-shadow:0 12px 32px rgba(255,90,31,.07)!important}
body.day-mode .material-card h3,
body.day-mode .material-card p,
body.day-mode .material-card b,
body.day-mode .material-card small,
body.day-mode .material-card .supplier{color:#202326!important}
body.day-mode .material-specs{background:#fff8f4!important;border-color:#f4ded3!important}
body.day-mode .material-specs b{color:#ff5a1f!important}
body.day-mode .material-specs span{color:#50565b!important}
body.day-mode .material-price b{color:#ff5a1f!important}
body.day-mode .material-price del{color:#85807c!important}
body.day-mode .material-price em{background:#ff5a1f!important;color:#fff!important}
body.day-mode .market-note{background:#fffaf7!important;color:#555a5f!important;border-color:#f1cdbc!important}
body.day-mode .market-note b{color:#17191c!important}
body.day-mode .material-photo{background:#fff!important;border-bottom:1px solid #f2e3dc!important}
body.day-mode .material-photo img{object-fit:contain!important;object-position:center!important;padding:12px!important;background:#fff!important}
body.day-mode .materials-supplier-wall-grid img,
body.day-mode .material-brands-gallery img{background:#fff!important;object-fit:contain!important;padding:10px!important}
body.day-mode .menu-accordion-toggle{background:linear-gradient(145deg,#fff8f4,#fff)!important;color:#17191c!important;border-color:#ffd0bd!important;box-shadow:0 8px 22px rgba(255,90,31,.08)!important}
body.day-mode .menu-accordion-icon{background:linear-gradient(145deg,#fff0e8,#ffd9c7)!important;color:#ff5a1f!important}
body.day-mode .menu-material-groups a{background:#fff!important;color:#25282b!important;border-color:#f0d8cd!important}
body.day-mode .menu-material-groups a:hover{background:#fff4ee!important;border-color:#ffb18e!important;color:#ff5a1f!important}
body.day-mode .menu-material-groups small{color:#77716d!important}
body.day-mode .site-menu-panel{background:linear-gradient(180deg,#fff,#fff7f3)!important;color:#17191c!important;border-color:#f0d6ca!important}
body.day-mode .site-menu-panel a{color:#202326!important}
body.day-mode .site-menu-panel a:hover{color:#ff5a1f!important;background:#fff4ee!important}
body.day-mode .profi-tool-btn{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;color:#fff!important;border-color:rgba(255,255,255,.6)!important;box-shadow:0 12px 32px rgba(255,90,31,.24)!important}
body.day-mode .profi-tool-btn.ai{background:linear-gradient(135deg,#ff5a1f,#ff9b2f)!important}
body.day-mode .radio-group-title{color:#ff5a1f!important}
body.day-mode .radio-group-title-intl{color:#c9511f!important}
body.day-mode .radio-card a{background:#ff5a1f!important;color:#fff!important}
body.day-mode .yandex-review-btn{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;color:#fff!important}
body.day-mode .yandex-brand-icon{box-shadow:0 0 20px rgba(255,90,31,.18)!important}
body.day-mode .mobile-nav{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;box-shadow:0 14px 38px rgba(255,90,31,.28)!important}
body.day-mode .mobile-nav a{color:#fff!important}
body.day-mode .mobile-nav a.active,
body.day-mode .mobile-nav .mobile-profi{color:#fff!important;background:rgba(255,255,255,.17)!important}
body.day-mode .process-icon{background:linear-gradient(145deg,#fff0e8,#ffd9c7)!important;border-color:#ffc1a4!important;color:#ff5a1f!important}
body.day-mode .process-marker>b{color:#ff5a1f!important}
body.day-mode .photo-lightbox,.day-mode .material-modal,.day-mode .product-viewer{background:rgba(20,12,8,.58)!important}
body.day-mode .product-viewer-card,.day-mode .material-modal-card{background:#fff!important;color:#17191c!important;border-color:#ffd0bd!important}
body.day-mode .product-viewer-close,.day-mode .modal-close{background:#fff!important;color:#17191c!important;border-color:#efcdbd!important}

/* Product images: preserve the complete product instead of cropping or creating black bars. */
.material-photo img,.product-viewer-media img,.material-cart-row img{
  object-fit:contain!important;object-position:center!important;background:#fff!important;
}
.material-photo img{padding:10px!important}
.material-cart-row img{width:58px!important;height:58px!important;border-radius:10px!important;padding:4px!important}
.product-viewer-media img{max-height:54vh!important}

/* Fixed surfaces stay above page content. */
.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:5000!important}
.mobile-nav{position:fixed!important;z-index:9800!important}

/* Material accordion state is explicit and touch-friendly. */
.menu-accordion-toggle,.menu-material-groups a,.market-catalog-toggle{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
.menu-accordion-toggle{min-height:50px!important}
.menu-material-groups[hidden],.market-catalog-body[hidden]{display:none!important}
.photo-fallback{display:grid;place-items:center;width:100%;height:100%;padding:20px;text-align:center;color:#ff5a1f;font:800 12px/1.3 Manrope,Arial,sans-serif;background:linear-gradient(145deg,#fff8f4,#fff)}
body.night-mode .photo-fallback{color:#8fe4ff;background:linear-gradient(145deg,#102b39,#173646)}

/* V36 polish — preserve V35 functionality, restore the strongest V34.2 visual cues. */
/* 1) Header brand uses every available pixel before the right-side controls. */
.site-header .header-brand-row{gap:10px!important}
.site-header .brand-logo-wrap{flex:1 1 auto!important;min-width:0!important;max-width:none!important}
.site-header .brand-wordmark{width:100%!important;flex:1 1 auto!important;min-width:0!important}
.site-header .brand-title{flex:1 1 auto!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important}

/* V34.2-like moving light on the brand title, restrained in day mode and disabled for reduced motion. */
body.day-mode .site-header .brand-title{
  background:linear-gradient(100deg,#17191c 0%,#17191c 34%,#ff5a1f 47%,#ff9b45 53%,#17191c 66%,#17191c 100%)!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  animation:profiBrandShimmer 6.8s ease-in-out infinite!important;
}
@keyframes profiBrandShimmer{0%,58%{background-position:100% 50%}82%,100%{background-position:0% 50%}}
body.night-mode .site-header .brand-title{animation:none!important}
@media(prefers-reduced-motion:reduce){body.day-mode .site-header .brand-title{animation:none!important;background:#17191c!important;-webkit-text-fill-color:#17191c!important;color:#17191c!important}}

/* 2) Mobile bottom navigation — compact V34.2 geometry with current day palette. */
.mobile-nav{left:8px!important;right:8px!important;height:64px!important;border-radius:17px!important;padding:6px!important;justify-content:space-around!important}
.mobile-nav a{border-radius:12px!important;gap:2px!important}
.mobile-nav a span{font-size:18px!important;line-height:1!important}
.mobile-nav a small{font-size:8px!important;font-weight:900!important;line-height:1.1!important}
body.day-mode .mobile-nav{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 14px 38px rgba(255,90,31,.28)!important}
body.day-mode .mobile-nav a,body.day-mode .mobile-nav a span,body.day-mode .mobile-nav a small{color:#fff!important}
body.day-mode .mobile-nav a.active,body.day-mode .mobile-nav .mobile-profi{color:#fff!important;background:rgba(255,255,255,.17)!important}
body.night-mode .mobile-nav{background:linear-gradient(145deg,rgba(9,38,55,.96),rgba(20,75,102,.96))!important}

/* 3) Reviews — add the company logo into the unused right side without moving existing content. */
.reviews-section{position:relative;overflow:hidden}
.reviews-section .container{position:relative}
.reviews-logo-mark{position:absolute;right:0;bottom:14px;width:180px;height:180px;display:grid;place-items:center;pointer-events:none;z-index:0;opacity:.13}
.reviews-logo-mark img{width:100%;height:100%;object-fit:contain;display:block}
.reviews-section .container>*:not(.reviews-logo-mark){position:relative;z-index:1}
@media(max-width:820px){.reviews-logo-mark{width:120px;height:120px;right:2px;bottom:45px;opacity:.08}}

/* 4) Process numbering/icons — same visual rhythm for 01–06. */
.process li{grid-template-columns:72px minmax(0,1fr) 56px!important;align-items:center!important;gap:16px!important;min-height:116px!important}
.process-marker{display:grid!important;justify-items:start!important;gap:6px!important}
.process-marker>b{font-size:18px!important;font-weight:1000!important;line-height:1!important;color:#ff5a1f!important;letter-spacing:-.03em!important}
.process-icon{width:44px!important;height:44px!important;border-radius:14px!important;font-size:20px!important;display:grid!important;place-items:center!important}
.process li .process-side-icon{width:52px!important;height:52px!important;border-radius:16px!important}
@media(max-width:680px){.process li{grid-template-columns:60px minmax(0,1fr) 46px!important;gap:9px!important;min-height:104px!important}.process-marker>b{font-size:16px!important}.process-icon{width:38px!important;height:38px!important;font-size:17px!important}.process li .process-side-icon{width:44px!important;height:44px!important;font-size:20px!important}}

/* 5) Supply 01–03 gets the same number/icon treatment, with the existing right-side photos untouched. */
#supply .service-card.light-card{grid-template-columns:64px minmax(0,1fr) 116px!important;gap:14px!important;align-items:center!important}
#supply .supply-marker{grid-column:1;grid-row:1 / span 3;display:grid;justify-items:start;align-content:center;gap:7px;min-width:0}
#supply .supply-marker b{font-size:18px;line-height:1;font-weight:1000;color:#ff5a1f;letter-spacing:-.03em}
#supply .supply-marker span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0e8,#ffd9c7);border:1px solid #ffc1a4;color:#ff5a1f;font-size:20px;box-shadow:0 8px 20px rgba(255,90,31,.10)}
#supply .service-card.light-card>div:nth-child(2){grid-column:2}
@media(max-width:680px){#supply .service-card.light-card{grid-template-columns:54px minmax(0,1fr) 82px!important;gap:10px!important}#supply .supply-marker b{font-size:16px}#supply .supply-marker span{width:38px;height:38px;border-radius:12px;font-size:17px}#supply .supply-media{width:82px!important;height:82px!important}}
body.night-mode #supply .supply-marker b{color:#ff897c!important}
body.night-mode #supply .supply-marker span{background:linear-gradient(145deg,#153b4e,#1b2b44)!important;border-color:#38667b!important;color:#8ee3ff!important}

/* 6) Day-mode readability audit: no white-on-white labels anywhere in VIP/client controls. */
body.day-mode .vip-head h2,body.day-mode .vip-head p{color:#17191c!important;text-shadow:none!important}
body.day-mode .vip-head p{color:#5f646b!important}
body.day-mode .vip-section .vip-card h3,body.day-mode .vip-section .vip-card p,body.day-mode .vip-section .vip-card li,
body.day-mode .vip-section .vip-note,body.day-mode .vip-section .vip-meta b,body.day-mode .vip-section .vip-meta small,
body.day-mode .vip-section .vip-files b,body.day-mode .vip-section .vip-files small,
body.day-mode .vip-section .vip-payment b,body.day-mode .vip-section .vip-payment small,
body.day-mode .vip-section .progress-line,body.day-mode .vip-section .approval-row b,body.day-mode .vip-section .approval-row small,
body.day-mode .vip-section .empty-row,body.day-mode .vip-section label{color:#273b45!important;opacity:1!important;text-shadow:none!important}
body.day-mode .vip-section .vip-card h3{color:#0c2433!important}
body.day-mode .vip-section .vip-tag{color:#fff!important;background:#193747!important}
body.day-mode .vip-section .vip-meta>div,body.day-mode .vip-section .vip-files li,body.day-mode .vip-section .vip-security,
body.day-mode .vip-section .vip-chat,body.day-mode .vip-section .approval-row,body.day-mode .vip-section .vip-payment{color:#273b45!important;background:#fff!important;border-color:#c9dce5!important}
body.day-mode .vip-section .vip-files button{color:#17313f!important}
body.day-mode .vip-section .vip-payment .btn,
body.day-mode .vip-section .vip-actions .btn-light,
body.day-mode .vip-section .vip-upload .btn-light{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;color:#fff!important;border-color:#ff5a1f!important;box-shadow:0 9px 24px rgba(255,90,31,.20)!important}
body.day-mode .vip-section .vip-payment .btn:hover{filter:saturate(1.06);transform:translateY(-1px)}

/* Gift/parameter banners: explicit readable copy in day mode. */
body.day-mode .remote-banner strong,body.day-mode .remote-banner span{color:#17191c!important;text-shadow:none!important}
body.day-mode .remote-banner span{color:#5f646b!important}
body.day-mode #gifts .remote-banner{background:#fff!important;color:#17191c!important;border-color:#efddd4!important}
body.day-mode #gifts .remote-banner strong{color:#17191c!important}
body.day-mode #gifts .remote-banner span{color:#5f646b!important}

/* 7) Notifications / documents / photos headings and controls. */
body.day-mode #vipNotifications,body.day-mode #vipDocs,body.day-mode #vipFiles,
body.day-mode .vip-files,body.day-mode .list-notifications{color:#273b45!important}
body.day-mode .vip-section input[type=file]{color:#273b45!important}
body.day-mode .vip-section input[type=file]::file-selector-button{background:#fff1ea!important;color:#d94a32!important;border:1px solid #ffc1a4!important;border-radius:9px;padding:7px 10px;font-weight:900}

/* 8) Compact, thumb-friendly request modal. */
.modal-card{width:min(500px,calc(100% - 20px))!important;max-height:calc(100vh - 20px)!important;margin:10px auto!important;border-radius:20px!important;padding:20px!important}
.modal-close{right:10px!important;top:10px!important;width:42px!important;height:42px!important;font-size:25px!important;z-index:3!important}
.modal-card h2{font-size:clamp(24px,6vw,30px)!important;padding-right:42px!important;margin:6px 0 7px!important}
.modal-card>p{font-size:12px!important;line-height:1.45!important;margin:0 0 12px!important}
.modal-card form{gap:10px!important}
.modal-card label:not(.consent){gap:4px!important;font-size:10px!important}
.modal-card input,.modal-card textarea{padding:10px 11px!important;border-radius:10px!important}
.modal-card textarea{min-height:86px!important}
.modal-card .form-help{font-size:9px!important;line-height:1.35!important}
.modal-card .consent{font-size:10px!important;line-height:1.35!important}
.modal-card .btn-wide{min-height:44px!important}
@media(max-width:520px){.modal-card{width:calc(100% - 14px)!important;max-height:calc(100vh - 14px)!important;padding:16px!important;border-radius:18px!important}.modal-close{right:8px!important;top:8px!important;width:40px!important;height:40px!important}.modal-card h2{font-size:23px!important}.modal-card>p{font-size:11px!important}.modal-card form{gap:8px!important}}

/* 9) Product cards: show more of the actual product while retaining contain/no-crop behavior. */
.material-photo{height:190px!important;background:#fff!important;padding:6px!important}
.material-photo img{object-fit:contain!important;object-position:center!important;padding:8px!important;background:#fff!important}
.daily-product-photo{height:112px!important;background:#fff!important}
.daily-product-photo img{object-fit:contain!important;object-position:center!important;padding:5px!important;background:#fff!important}
@media(min-width:1001px){.daily-product-photo{height:128px!important}}
.product-viewer-media{min-height:460px!important;background:#fff!important}
.product-viewer-media img{object-fit:contain!important;object-position:center!important;max-height:68vh!important;padding:8px!important}
@media(max-width:820px){.material-photo{height:200px!important}.daily-product-photo{height:112px!important}.product-viewer-media{min-height:330px!important}.product-viewer-media img{max-height:58vh!important}}
@media(max-width:520px){.material-photo{height:210px!important}.daily-product-photo{height:118px!important}.product-viewer-media{min-height:280px!important}}

/* Keep the night mode visually intact; only readability/geometry corrections above apply. */

/* V38 — FINAL DAY CONTRAST + HEADER + REVIEWS + PARTNER UX */
/* 1. Day mode: if a surface is intentionally dark, its copy is warm orange and remains readable. */
body.day-mode .calc-result,
body.day-mode .remote-banner,
body.day-mode .install-app,
body.day-mode .list-notifications .notification,
body.day-mode .vip-section .vip-tag,
body.day-mode .btn-dark:not(.yandex-review-btn){
  background:#17191c!important;
  color:#ff8a1f!important;
  border-color:#3a2a20!important;
}
body.day-mode .calc-result span,
body.day-mode .calc-result strong,
body.day-mode .calc-result small,
body.day-mode .remote-banner strong,
body.day-mode .remote-banner span,
body.day-mode .install-app,
body.day-mode .list-notifications .notification,
body.day-mode .list-notifications .notification b,
body.day-mode .list-notifications .notification p,
body.day-mode .list-notifications .notification small{color:#ff9b45!important;text-shadow:0 0 12px rgba(255,90,31,.12)!important}
body.day-mode .remote-banner .btn{color:#fff!important}
body.day-mode .profi-hub-modal .hub-footer,
body.day-mode .profi-hub-modal .hub-card.is-dark,
body.day-mode .profi-hub-modal .hub-action.is-dark{color:#ff9b45!important}
/* Never force white text onto dark fixed/interactive surfaces in day mode. */
body.day-mode .site-menu.open .site-menu-backdrop{background:rgba(255,246,240,.74)!important;backdrop-filter:blur(7px)!important}
body.day-mode .site-header .menu-button.is-open{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;color:#fff!important;box-shadow:0 10px 28px rgba(255,90,31,.28)!important}

/* 2. Header brand: +20% visual scale, but flex-shrinks before the right controls. */
.site-header .brand-logo-wrap{flex:1 1 0!important;min-width:0!important;max-width:none!important}
.site-header .brand-wordmark{width:100%!important;min-width:0!important;flex:1 1 auto!important;gap:11px!important}
.site-header .brand-wordmark img{width:70px!important;height:70px!important;flex:0 0 70px!important}
.site-header .brand-title{font-size:clamp(30px,3.25vw,50px)!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important}
body.day-mode .site-header .brand-title{background-size:240% 100%!important;animation-duration:6.2s!important}
@media(max-width:1000px){
  .site-header .brand-wordmark img{width:62px!important;height:62px!important;flex-basis:62px!important}
  .site-header .brand-title{font-size:clamp(24px,4.5vw,38px)!important}
}
@media(max-width:680px){
  .site-header .brand-logo-wrap{max-width:calc(100% - 94px)!important;flex:1 1 auto!important}
  .site-header .brand-wordmark{gap:6px!important}
  .site-header .brand-wordmark img{width:44px!important;height:44px!important;flex-basis:44px!important}
  .site-header .brand-title{font-size:clamp(17px,5.5vw,24px)!important;line-height:1!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:hidden!important}
}

/* 3. Reviews: Yandex badge left + score center + company mark right as one balanced unit. */
.review-score{min-width:330px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:11px!important;padding:12px 14px!important;overflow:hidden!important}
.review-score-copy{display:grid!important;gap:2px!important;min-width:0!important}
.review-score-copy>span:last-child{font-size:10px!important;line-height:1.35!important}
.review-company-mark{width:86px!important;height:62px!important;display:grid!important;place-items:center!important;opacity:.72!important;filter:saturate(1.04)!important}
.review-company-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
.reviews-logo-mark{right:4px!important;bottom:6px!important;width:220px!important;height:220px!important;opacity:.08!important}
body.day-mode .reviews-logo-mark{opacity:.075!important;mix-blend-mode:multiply!important}
body.day-mode .review-score{background:linear-gradient(145deg,#fffaf7,#fff)!important;border-color:#ffd0bd!important;box-shadow:0 12px 32px rgba(255,90,31,.10)!important}
@media(max-width:820px){.review-score{min-width:0!important;width:100%!important}.review-company-mark{width:72px!important;height:54px!important}.reviews-logo-mark{width:145px!important;height:145px!important;opacity:.055!important}}

/* 4. Materials partners: each visual tile is a real navigation surface, not a dead image. */
.materials-supplier-wall{position:relative!important;margin-top:16px!important;padding:18px!important;background:linear-gradient(145deg,#fff9f6,#fff)!important;border:1px solid #ffd0bd!important;box-shadow:0 16px 42px rgba(255,90,31,.10)!important}
.materials-supplier-wall-head{position:relative!important;display:grid!important;gap:4px!important}
.materials-supplier-wall-head .eyebrow{margin-bottom:0!important}
.materials-supplier-wall-head h3{font-size:clamp(22px,2.6vw,32px)!important}
.materials-wall-cta{justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#ff5a1f,#ff8a1f);color:#fff!important;text-decoration:none!important;font-weight:950;font-size:12px;box-shadow:0 8px 22px rgba(255,90,31,.20);transition:.2s transform,.2s box-shadow}
.materials-wall-cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(255,90,31,.25)}
.materials-supplier-wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:13px!important}
.materials-partner-tile{display:block!important;text-decoration:none!important;color:inherit!important;border-radius:15px!important;overflow:hidden!important;transition:.2s transform,.2s box-shadow}
.materials-partner-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,90,31,.15)}
.materials-partner-tile figure{height:100%!important}
.materials-partner-tile figcaption{color:#173847!important;background:#fff!important}
@media(max-width:680px){.materials-supplier-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* 5. Menu: clean open state; no black flash/fill over the top-right corner. */
.site-menu{background:transparent!important}
.site-menu.open{background:transparent!important}
.site-menu-panel{overflow-x:hidden!important}
body.day-mode .site-menu-panel{background:linear-gradient(180deg,#fff,#fff7f3)!important;color:#17191c!important}
body.day-mode .site-menu-panel nav a{color:#17191c!important}

/* 6. Portfolio: keep the design/photo card beside the team card on desktop. */
#portfolio .portfolio-grid figure:nth-child(6){display:block!important}
#portfolio .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#portfolio .portfolio-design-card figcaption{font-size:16px!important;font-weight:900!important}
@media(max-width:1000px){#portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){#portfolio .portfolio-grid{grid-template-columns:1fr!important}}

/* 7. Bottom mobile navigation: center PROFI surface is larger and uses dark copy in day mode. */
body.day-mode .mobile-nav{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important}
body.day-mode .mobile-nav .mobile-profi{min-width:74px!important;min-height:52px!important;padding:8px 12px!important;border-radius:15px!important;background:rgba(255,255,255,.90)!important;color:#17191c!important;box-shadow:0 7px 20px rgba(35,25,20,.20),inset 0 1px 0 rgba(255,255,255,.95)!important}
body.day-mode .mobile-nav .mobile-profi span,body.day-mode .mobile-nav .mobile-profi small{color:#17191c!important}
body.day-mode .mobile-nav a small,body.day-mode .mobile-nav a span{color:#fff!important}

/* 8. Product photos: a little more breathing room without cropping. */
.material-photo{height:205px!important}
.material-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:4px!important}
.daily-product-photo{height:124px!important}
.daily-product-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:3px!important}
@media(max-width:680px){.material-photo{height:220px!important}.daily-product-photo{height:126px!important}}

/* 9. Day mode dark notification/document/photo controls. */
body.day-mode .notification{background:#17191c!important;color:#ff9b45!important;border-color:#3a2a20!important}
body.day-mode .notification b,body.day-mode .notification p,body.day-mode .notification small{color:#ff9b45!important}
body.day-mode .vip-section input[type=file]{color:#273b45!important}

/* 10. Modal close button now lives after the lead paragraph and is easy to hit. */
.modal-close-after-lead{position:static!important;display:flex!important;margin:0 0 4px auto!important;width:38px!important;height:38px!important;align-items:center!important;justify-content:center!important}
.modal-card{position:relative!important}

/* Night mode remains intentionally unchanged by the V38 day-mode rules. */

/* V38 — FINAL DAY CONTRAST + HEADER + REVIEWS + PARTNER UX */
body.day-mode .calc-result,
body.day-mode .remote-banner,
body.day-mode .install-app,
body.day-mode .list-notifications .notification,
body.day-mode .btn-dark:not(.yandex-review-btn){background:#17191c!important;color:#ff8a1f!important;border-color:#3a2a20!important}
body.day-mode .calc-result span,body.day-mode .calc-result strong,body.day-mode .calc-result small,
body.day-mode .remote-banner strong,body.day-mode .remote-banner span,
body.day-mode .install-app,body.day-mode .list-notifications .notification,
body.day-mode .list-notifications .notification b,body.day-mode .list-notifications .notification p,body.day-mode .list-notifications .notification small{color:#ff9b45!important;text-shadow:0 0 12px rgba(255,90,31,.12)!important}
body.day-mode .remote-banner .btn{color:#fff!important}
body.day-mode .site-menu.open .site-menu-backdrop{background:rgba(255,246,240,.74)!important;backdrop-filter:blur(7px)!important}
body.day-mode .site-header .menu-button.is-open{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;color:#fff!important;box-shadow:0 10px 28px rgba(255,90,31,.28)!important}

/* Header brand +20% while flex-shrinking before the right controls. */
.site-header .brand-logo-wrap{flex:1 1 0!important;min-width:0!important;max-width:none!important}
.site-header .brand-wordmark{width:100%!important;min-width:0!important;flex:1 1 auto!important;gap:11px!important}
.site-header .brand-wordmark img{width:70px!important;height:70px!important;flex:0 0 70px!important}
.site-header .brand-title{font-size:clamp(30px,3.25vw,50px)!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important}
body.day-mode .site-header .brand-title{background-size:240% 100%!important;animation-duration:6.2s!important}
@media(max-width:1000px){.site-header .brand-wordmark img{width:62px!important;height:62px!important;flex-basis:62px!important}.site-header .brand-title{font-size:clamp(24px,4.5vw,38px)!important}}
@media(max-width:680px){.site-header .brand-logo-wrap{max-width:calc(100% - 94px)!important;flex:1 1 auto!important}.site-header .brand-wordmark{gap:6px!important}.site-header .brand-wordmark img{width:44px!important;height:44px!important;flex-basis:44px!important}.site-header .brand-title{font-size:clamp(17px,5.5vw,24px)!important;line-height:1!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:hidden!important}}

/* Reviews: Yandex left + score center + company mark right. */
.review-score{min-width:330px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:11px!important;padding:12px 14px!important;overflow:hidden!important}
.review-score-copy{display:grid!important;gap:2px!important;min-width:0!important}
.review-score-copy>span:last-child{font-size:10px!important;line-height:1.35!important}
.review-company-mark{width:86px!important;height:62px!important;display:grid!important;place-items:center!important;opacity:.72!important}
.review-company-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
.reviews-logo-mark{right:4px!important;bottom:6px!important;width:220px!important;height:220px!important;opacity:.08!important}
body.day-mode .reviews-logo-mark{opacity:.075!important;mix-blend-mode:multiply!important}
body.day-mode .review-score{background:linear-gradient(145deg,#fffaf7,#fff)!important;border-color:#ffd0bd!important;box-shadow:0 12px 32px rgba(255,90,31,.10)!important}
@media(max-width:820px){.review-score{min-width:0!important;width:100%!important}.review-company-mark{width:72px!important;height:54px!important}.reviews-logo-mark{width:145px!important;height:145px!important;opacity:.055!important}}

/* PROFI MATERIALS partners become polished, clickable cards. */
.materials-supplier-wall{position:relative!important;margin-top:16px!important;padding:18px!important;background:linear-gradient(145deg,#fff9f6,#fff)!important;border:1px solid #ffd0bd!important;box-shadow:0 16px 42px rgba(255,90,31,.10)!important}
.materials-supplier-wall-head{position:relative!important;display:grid!important;gap:4px!important}
.materials-supplier-wall-head h3{font-size:clamp(22px,2.6vw,32px)!important}
.materials-wall-cta{justify-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,#ff5a1f,#ff8a1f);color:#fff!important;text-decoration:none!important;font-weight:950;font-size:12px;box-shadow:0 8px 22px rgba(255,90,31,.20)}
.materials-supplier-wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:13px!important}
.materials-partner-tile{display:block!important;text-decoration:none!important;color:inherit!important;border-radius:15px!important;overflow:hidden!important;transition:.2s transform,.2s box-shadow}
.materials-partner-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,90,31,.15)}
.materials-partner-tile figure{height:100%!important}
.materials-partner-tile figcaption{color:#173847!important;background:#fff!important}
@media(max-width:680px){.materials-supplier-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Menu open state stays clean and does not create a black flash in day mode. */
.site-menu,.site-menu.open{background:transparent!important}
.site-menu-panel{overflow-x:hidden!important}

/* Keep design/photo beside the team card instead of hiding it. */
#portfolio .portfolio-grid figure:nth-child(6){display:block!important}
#portfolio .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#portfolio .portfolio-design-card figcaption{font-size:16px!important;font-weight:900!important}
@media(max-width:1000px){#portfolio .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){#portfolio .portfolio-grid{grid-template-columns:1fr!important}}

/* Center PROFI control in the day-mode bottom menu: more visual weight + dark readable type. */
body.day-mode .mobile-nav .mobile-profi{min-width:74px!important;min-height:52px!important;padding:8px 12px!important;border-radius:15px!important;background:rgba(255,255,255,.90)!important;color:#17191c!important;box-shadow:0 7px 20px rgba(35,25,20,.20),inset 0 1px 0 rgba(255,255,255,.95)!important}
body.day-mode .mobile-nav .mobile-profi span,body.day-mode .mobile-nav .mobile-profi small{color:#17191c!important}
body.day-mode .mobile-nav a small,body.day-mode .mobile-nav a span{color:#fff!important}

/* Product images: use the full available media area without cropping. */
.material-photo{height:205px!important}
.material-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:4px!important}
.daily-product-photo{height:124px!important}
.daily-product-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:3px!important}
@media(max-width:680px){.material-photo{height:220px!important}.daily-product-photo{height:126px!important}}

/* Request modal close button is below the lead text, on the right. */
.modal-close-after-lead{position:static!important;display:flex!important;margin:0 0 4px auto!important;width:38px!important;height:38px!important;align-items:center!important;justify-content:center!important}
.modal-card{position:relative!important}

/* Dark notification cards in day mode get orange-readable copy. */
body.day-mode .notification{background:#17191c!important;color:#ff9b45!important;border-color:#3a2a20!important}
body.day-mode .notification b,body.day-mode .notification p,body.day-mode .notification small{color:#ff9b45!important}

/* V39 — FINAL POLISH: HEADER BRAND + MOBILE NAV AMBIENT FILL */
/* Header: enlarge the brand another ~15–20%, but keep the whole brand flex-shrinking
   inside the space available before theme/language/menu controls. */
.site-header .header-brand-row{min-width:0!important}
.site-header .brand-logo-wrap{flex:1 1 0!important;min-width:0!important;max-width:none!important;overflow:hidden!important}
.site-header .brand-wordmark{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:12px!important}
.site-header .brand-wordmark img{width:82px!important;height:76px!important;flex:0 0 82px!important}
.site-header .brand-title{font-size:clamp(36px,3.55vw,60px)!important;line-height:.98!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;font-weight:1000!important}
.site-header .header-actions{flex:0 0 auto!important;min-width:max-content!important;position:relative!important;z-index:10!important}
@media(max-width:1200px){
  .site-header .brand-wordmark img{width:76px!important;height:70px!important;flex-basis:76px!important}
  .site-header .brand-title{font-size:clamp(30px,3.8vw,48px)!important}
  .site-header .brand-wordmark{gap:9px!important}
}
@media(max-width:1000px){
  .site-header .brand-wordmark img{width:68px!important;height:64px!important;flex-basis:68px!important}
  .site-header .brand-title{font-size:clamp(25px,4.8vw,40px)!important}
}
@media(max-width:680px){
  .site-header .brand-logo-wrap{max-width:calc(100% - 94px)!important;overflow:hidden!important}
  .site-header .brand-wordmark{gap:6px!important}
  .site-header .brand-wordmark img{width:48px!important;height:48px!important;flex-basis:48px!important}
  .site-header .brand-title{font-size:clamp(18px,5.8vw,27px)!important;line-height:1!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:hidden!important}
}

/* Mobile bottom menu: the user meant the BEAUTIFUL AMBIENT ORANGE FILL around the
   center PROFI control, not a larger white center button. Extend the luminous field
   sideways and upward while leaving the button geometry essentially unchanged. */
@media(max-width:680px){
  body.day-mode .mobile-nav{position:fixed!important;isolation:isolate!important;overflow:visible!important;background:linear-gradient(135deg,#ff4f18 0%,#ff6f1f 42%,#ff9a25 100%)!important;border:1px solid rgba(255,125,48,.55)!important;box-shadow:0 14px 38px rgba(205,67,12,.22),0 0 34px rgba(255,122,24,.18)!important}
  body.day-mode .mobile-nav::before{content:""!important;position:absolute!important;z-index:-1!important;left:-20%!important;right:-20%!important;top:-15px!important;bottom:-10px!important;border-radius:24px!important;background:linear-gradient(105deg,rgba(255,73,20,.92) 0%,rgba(255,116,27,.98) 48%,rgba(255,154,37,.92) 100%)!important;box-shadow:0 0 34px rgba(255,101,20,.20)!important;pointer-events:none!important}
  body.day-mode .mobile-nav .mobile-profi{min-width:74px!important;min-height:52px!important;padding:8px 12px!important;border-radius:15px!important;background:rgba(255,255,255,.90)!important;color:#17191c!important}
  body.day-mode .mobile-nav .mobile-profi small{font-size:10.8px!important;line-height:1.1!important;letter-spacing:.015em!important;font-weight:1000!important;color:#17191c!important}
  body.day-mode .mobile-nav .mobile-profi span{font-size:19px!important;color:#17191c!important}
}

/* V42 — final nine-point polish */
/* 1. Keep the complete Russian wordmark visible; reduce only the title by ~5%. */
.site-header .brand-title{font-size:clamp(28.5px,2.85vw,40.85px)!important;letter-spacing:-.058em!important}
@media(max-width:1200px){.site-header .brand-title{font-size:clamp(25.7px,3.04vw,36.1px)!important}}
@media(max-width:1000px){.site-header .brand-title{font-size:clamp(21.9px,3.8vw,32.3px)!important}}
@media(max-width:680px){.site-header .brand-title{font-size:clamp(14.25px,4.28vw,19px)!important}}

/* 2. Right-corner menu is a larger touch target with an animated apple/grass green glow. */
.site-header .menu-button{min-width:76px!important;min-height:48px!important;padding:10px 14px!important;border-radius:14px!important;background:linear-gradient(145deg,#baff6b 0%,#78e33b 48%,#45b92c 100%)!important;color:#071b0a!important;border:1px solid rgba(55,145,27,.52)!important;box-shadow:0 8px 24px rgba(84,190,45,.24),0 0 0 1px rgba(193,255,123,.48) inset,0 0 20px rgba(122,239,57,.22)!important;position:relative!important;overflow:hidden!important;touch-action:manipulation!important}
.site-header .menu-button::after{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.62) 48%,transparent 60%);transform:translateX(-70%) rotate(6deg);animation:v42GreenSweep 3.4s ease-in-out infinite;pointer-events:none}
.site-header .menu-button>*{position:relative;z-index:1}
.site-header .menu-button span{color:#123d13!important;text-shadow:0 0 10px rgba(255,255,255,.55)!important}
.site-header .menu-button b{color:#071b0a!important}
.site-header .menu-button:hover{transform:translateY(-1px) scale(1.025)!important;box-shadow:0 10px 30px rgba(84,190,45,.32),0 0 26px rgba(122,239,57,.32)!important}
@keyframes v42GreenSweep{0%,58%{transform:translateX(-90%) rotate(6deg);opacity:0}68%{opacity:1}82%,100%{transform:translateX(90%) rotate(6deg);opacity:0}}
body.night-mode .site-header .menu-button{background:linear-gradient(145deg,#b7ff66 0%,#70df38 50%,#3fae2a 100%)!important;color:#071b0a!important;border-color:rgba(148,255,91,.65)!important;box-shadow:0 9px 28px rgba(73,186,42,.34),0 0 28px rgba(117,238,60,.20)!important}

/* 3–4. One consistent translucent bottom panel; night keeps its style but matches size/shape. */
.mobile-nav{height:64px!important;border-radius:17px!important;padding:6px!important;background:linear-gradient(135deg,rgba(207,58,26,.74),rgba(244,91,26,.64) 50%,rgba(255,139,35,.58))!important;border:1px solid rgba(255,190,120,.34)!important;backdrop-filter:blur(22px) saturate(1.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;box-shadow:0 16px 50px rgba(104,41,18,.24),0 0 34px rgba(255,117,30,.16),inset 0 1px 0 rgba(255,255,255,.24)!important;overflow:visible!important}
.mobile-nav::before{content:"";position:absolute;inset:1px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035) 55%,rgba(255,170,90,.10));pointer-events:none;z-index:-1}
.mobile-nav a,.mobile-nav .mobile-profi{height:52px!important;min-height:52px!important;border-radius:12px!important;font-size:18px!important}
.mobile-nav a span{font-size:18px!important;line-height:1!important}
.mobile-nav a small,.mobile-nav .mobile-profi small{font-size:9px!important;line-height:1.1!important;font-weight:900!important}
.mobile-nav .mobile-profi{min-width:84px!important;width:84px!important;white-space:nowrap!important;padding:8px 10px!important;background:linear-gradient(145deg,#15191c,#292f34)!important;color:#fff!important;border:1px solid rgba(255,170,75,.58)!important;box-shadow:0 0 0 2px rgba(255,103,28,.18),0 8px 22px rgba(0,0,0,.24),0 0 24px rgba(255,111,25,.16)!important}
.mobile-nav .mobile-profi span{font-size:18px!important;color:#ff9a2b!important}
.mobile-nav .mobile-profi small{font-size:12.4px!important;color:#fff!important;white-space:nowrap!important}
body.night-mode .mobile-nav{background:linear-gradient(135deg,rgba(21,63,82,.72),rgba(40,89,111,.62) 50%,rgba(79,77,139,.58))!important;border-color:rgba(145,224,248,.30)!important;box-shadow:0 16px 50px rgba(5,30,45,.30),0 0 34px rgba(80,196,240,.14),inset 0 1px 0 rgba(255,255,255,.16)!important}
body.night-mode .mobile-nav a{color:#eafaff!important}

/* 5. Calculator estimate uses the same apple-green as the top menu. */
.calc-result strong{color:#a9f45d!important;text-shadow:0 0 16px rgba(130,235,65,.28)!important}
.calc-result span{color:#b7ef83!important}

/* 6. Preserve a stronger halo around the centre PROFI-RU control and make the glow bulb-like. */
.mobile-nav .mobile-profi{position:relative!important;overflow:visible!important}
.mobile-nav .mobile-profi::before{content:"";position:absolute;inset:-5px;border-radius:15px;background:radial-gradient(circle,rgba(255,150,40,.34) 0%,rgba(255,120,25,.15) 42%,transparent 72%);filter:blur(5px);opacity:.9;z-index:-1;pointer-events:none;animation:v42Bulb 2.5s ease-in-out infinite}
.mobile-nav .mobile-profi:active,.mobile-nav .mobile-profi.is-active{box-shadow:0 0 0 2px rgba(255,144,42,.26),0 0 28px rgba(255,123,25,.42),0 0 52px rgba(255,137,31,.20)!important;transform:scale(1.025)!important}
@keyframes v42Bulb{0%,100%{transform:scale(.96);opacity:.60}50%{transform:scale(1.08);opacity:1}}

/* 7. Supply images pushed to the true right edge; text never sits under the image. */
#supply .service-card.light-card{grid-template-columns:64px minmax(0,1fr) 148px!important;column-gap:22px!important}
#supply .supply-media{width:148px!important;height:108px!important;justify-self:end!important;overflow:hidden!important}
#supply .supply-media img{object-position:right center!important}
@media(max-width:680px){#supply .service-card.light-card{grid-template-columns:50px minmax(0,1fr) 104px!important;column-gap:12px!important}#supply .supply-media{width:104px!important;height:84px!important}}

/* 8. Contact/map branding in the same right-hand column as the Yandex map. */
.contact-map-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:12px 14px;border:1px solid rgba(15,23,32,.10);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 10px 30px rgba(15,23,32,.07);color:#10161b}
.contact-map-brand-logo{display:flex;align-items:center;gap:10px;min-width:0}.contact-map-brand-logo img{width:50px;height:50px;object-fit:contain;flex:0 0 50px}.contact-map-brand-logo div{display:flex;flex-direction:column;min-width:0}.contact-map-brand-logo strong{font-size:14px;line-height:1.1;color:#0a0e12}.contact-map-brand-logo span{font-size:10px;color:#596b75;margin-top:3px}.contact-map-yandex{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:13px;background:#fff;border:1px solid #e0e5e8;color:#111820;text-decoration:none;box-shadow:0 8px 22px rgba(15,23,32,.08);flex:0 0 auto}.contact-map-yandex span:nth-child(2){display:flex;flex-direction:column}.contact-map-yandex b{font-size:11px;color:#111820}.contact-map-yandex small{font-size:8px;color:#64727a;margin-top:2px}.contact-map-yandex i{font-style:normal;color:#c51e28;font-weight:900}
@media(max-width:680px){.contact-map-brand{align-items:stretch;flex-direction:column}.contact-map-yandex{justify-content:center}.contact-map-brand-logo img{width:44px;height:44px;flex-basis:44px}}

/* 9. Contact area stays black/graphite readable in day mode. */
body.day-mode .contact-section,body.day-mode .contact-section h2,body.day-mode .contact-section p,body.day-mode .contact-section .contact-list b,body.day-mode .contact-section .contact-list span,body.day-mode .contact-section .domain-row,body.day-mode .contact-section .domain-row a{color:#111820!important}
body.day-mode .contact-section .contact-list span,body.day-mode .contact-section .domain-row>span{color:#596b75!important}

/* World social network placeholders: visually ready, URLs deliberately left for the company's confirmed accounts. */
.social-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.social-placeholder{position:relative}.social-placeholder::after{content:"URL";font-size:7px;font-weight:900;letter-spacing:.08em;color:#a8b1b8;border:1px solid #3b4146;border-radius:5px;padding:2px 4px;align-self:end;justify-self:end;grid-column:1/2}
@media(max-width:600px){.social-cards{grid-template-columns:1fr!important}}

@media(max-width:680px){.site-header .menu-button{min-width:76px!important;width:76px!important}.site-header .menu-button b{display:inline!important;font-size:10px!important;line-height:1!important}.site-header .menu-button .menu-icon{font-size:18px!important}}

/* V44 — ULTRA-FAST TOP MENU / clean isolated touch target */
.site-header{z-index:50000!important}
.site-header .header-actions{gap:8px!important;position:relative!important;z-index:50001!important}
.site-header .header-menu-control{position:relative!important;z-index:50005!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:92px!important;width:auto!important;height:50px!important;min-height:50px!important;padding:10px 16px!important;margin:0 0 0 2px!important;border-radius:15px!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important;isolation:isolate!important}
.site-header .header-menu-control b{display:inline!important;font-size:14px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;pointer-events:none!important}
.site-header .header-menu-control .menu-icon{font-size:21px!important;line-height:1!important;width:21px!important;text-align:center!important;pointer-events:none!important}
.site-header .header-menu-control:active{transform:scale(.97)!important;transition:none!important}
.site-header .header-menu-control::after{pointer-events:none!important}
/* The menu lives below the fixed header, so the same top-right button is ALWAYS reachable to close it. */
.site-menu{z-index:49900!important;transition:opacity .10s linear,visibility .10s linear!important;pointer-events:none!important}
.site-menu.open{pointer-events:auto!important}
.site-menu-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(10,14,18,.30)!important;transition:none!important}
.site-menu-panel{top:calc(var(--profi-header-h,72px) + 8px)!important;right:14px!important;max-height:calc(100vh - var(--profi-header-h,72px) - 22px)!important;transition:transform .12s ease-out,opacity .12s ease-out!important;will-change:transform,opacity!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
.site-menu:not(.open) .site-menu-panel{transform:translate3d(0,-8px,0)!important;opacity:0!important}
.site-menu.open .site-menu-panel{transform:translate3d(0,0,0)!important;opacity:1!important}
@media(max-width:680px){
 .site-header .header-actions{gap:6px!important}
 .site-header .header-menu-control{min-width:92px!important;width:92px!important;height:48px!important;min-height:48px!important;padding:9px 13px!important;border-radius:14px!important}
 .site-header .header-menu-control b{font-size:13px!important}
 .site-header .header-menu-control .menu-icon{font-size:20px!important}
 .site-menu-panel{top:calc(var(--profi-header-h,62px) + 6px)!important;right:8px!important;width:calc(100% - 16px)!important;max-height:calc(100vh - var(--profi-header-h,62px) - 14px)!important}
}
@media(prefers-reduced-motion:reduce){.site-menu,.site-menu-panel{transition:none!important}}


/* V45 — FINAL HEADER FIT + INSTANT MENU + CONSISTENT PROFI-RU ORANGE/RED */
/* Keep the proven V43/V44 visual scale; solve clipping by allocating width, not enlarging text. */
.site-header .brand-title{font-size:clamp(27px,2.72vw,38.8px)!important;letter-spacing:-.055em!important;overflow:visible!important}
.site-header .brand-logo-wrap{min-width:0!important;overflow:visible!important}
.site-header .brand-wordmark{min-width:0!important}
@media(max-width:1200px){.site-header .brand-title{font-size:clamp(24.5px,2.95vw,34.3px)!important}}
@media(max-width:1000px){.site-header .brand-title{font-size:clamp(21px,3.65vw,31px)!important}}

/* A truly isolated, large touch target: nothing in the header may sit over it. */
.site-header .header-actions{position:relative!important;z-index:60000!important;isolation:isolate!important}
.site-header .header-menu-control{flex:0 0 auto!important;z-index:60010!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-user-select:none!important;user-select:none!important}
.site-header .header-menu-control b,.site-header .header-menu-control .menu-icon{pointer-events:none!important}
.site-header .header-menu-control::before{content:"";position:absolute;inset:-7px;border-radius:20px;pointer-events:auto;z-index:-1}
.site-menu{z-index:59900!important}

/* Mobile: give the Russian wordmark enough real space before the controls. */
@media(max-width:680px){
 .site-header .header-inner{height:68px!important;gap:5px!important}
 .site-header .brand-logo-wrap{flex:1 1 auto!important;max-width:calc(100% - 140px)!important;min-width:0!important}
 .site-header .brand-wordmark{gap:5px!important;overflow:visible!important}
 .site-header .brand-wordmark img{width:44px!important;height:44px!important;flex:0 0 44px!important}
 .site-header .brand-title{font-size:clamp(14.5px,4.35vw,18.5px)!important;letter-spacing:-.045em!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
 .site-header .header-actions{gap:5px!important}
 .site-header .header-actions .language-select{width:44px!important;min-width:44px!important;flex:0 0 44px!important}
 .site-header .header-actions .language-select select{width:44px!important;min-width:44px!important;height:40px!important;font-size:10px!important;padding:6px 1px!important}
 .site-header .header-menu-control{width:88px!important;min-width:88px!important;height:48px!important;min-height:48px!important;padding:9px 11px!important;border-radius:14px!important;gap:5px!important}
 .site-header .header-menu-control b{font-size:12.5px!important}
 .site-header .header-menu-control .menu-icon{font-size:19px!important;width:19px!important}
}
@media(max-width:390px){
 .site-header .brand-logo-wrap{max-width:calc(100% - 136px)!important}
 .site-header .brand-wordmark img{width:40px!important;height:40px!important;flex-basis:40px!important}
 .site-header .brand-title{font-size:14px!important;letter-spacing:-.05em!important}
 .site-header .header-actions{gap:4px!important}
 .site-header .header-actions .language-select{width:42px!important;min-width:42px!important}
 .site-header .header-actions .language-select select{width:42px!important;min-width:42px!important;font-size:9px!important}
 .site-header .header-menu-control{width:86px!important;min-width:86px!important;padding-left:9px!important;padding-right:9px!important}
 .site-header .header-menu-control b{font-size:12px!important}
}

/* Bottom PROFI-RU control: no black center; premium red/orange glass matching the overall accent family. */
.mobile-nav .mobile-profi{background:linear-gradient(145deg,#c92f18 0%,#ef531c 48%,#ff8a24 100%)!important;color:#fff!important;border:1px solid rgba(255,190,112,.72)!important;box-shadow:0 0 0 2px rgba(255,95,25,.18),0 8px 24px rgba(154,45,16,.25),0 0 28px rgba(255,110,28,.28),inset 0 1px 0 rgba(255,255,255,.28)!important}
.mobile-nav .mobile-profi small,.mobile-nav .mobile-profi span{color:#fff!important;text-shadow:0 1px 8px rgba(120,28,8,.28)!important}
.mobile-nav .mobile-profi::before{background:radial-gradient(circle,rgba(255,198,96,.40) 0%,rgba(255,117,26,.22) 42%,transparent 74%)!important}
body.night-mode .mobile-nav .mobile-profi{background:linear-gradient(145deg,#a92618 0%,#dc461c 48%,#f47a22 100%)!important;color:#fff!important}

/* PROFI-RU V48 FINAL — single clean visual authority for header, day contact and mobile glass navigation */
@media (min-width: 681px){
  .site-header .header-brand-row{display:grid!important;grid-template-columns:minmax(420px,1fr) auto!important;align-items:center!important;gap:18px!important;width:100%!important}
  .site-header .brand-logo-wrap{min-width:0!important;max-width:none!important;overflow:visible!important}
  .site-header .brand-wordmark{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;overflow:visible!important}
  .site-header .brand-wordmark img{width:52px!important;height:52px!important;flex:0 0 52px!important;object-fit:contain!important}
  .site-header .brand-title{display:block!important;flex:0 1 auto!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:clamp(24px,2.35vw,38px)!important;line-height:1!important;letter-spacing:-.045em!important;font-weight:950!important;color:#15191d!important;background:none!important;-webkit-text-fill-color:#15191d!important;text-shadow:none!important}
  .site-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:max-content!important;flex:0 0 auto!important}
  .site-header .header-menu-control{min-width:82px!important;width:82px!important;height:46px!important;min-height:46px!important;padding:7px 9px!important;border-radius:13px!important}
}
@media (max-width: 1100px) and (min-width:681px){
  .site-header .header-actions .phone-link,.site-header .header-actions .header-request,.site-header .header-actions .online-pill{display:none!important}
  .site-header .brand-title{font-size:clamp(22px,2.65vw,31px)!important}
}
@media (max-width:680px){
  .site-header .header-brand-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:center!important;width:100%!important}
  .site-header .brand-logo-wrap{min-width:0!important;max-width:none!important;overflow:visible!important}
  .site-header .brand-wordmark{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;overflow:visible!important}
  .site-header .brand-wordmark img{width:36px!important;height:36px!important;flex:0 0 36px!important}
  .site-header .brand-title{display:block!important;min-width:0!important;flex:1 1 auto!important;overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important;font-size:clamp(15px,4.5vw,20px)!important;letter-spacing:-.045em!important;line-height:1!important;color:#15191d!important;background:none!important;-webkit-text-fill-color:#15191d!important;text-shadow:none!important}
  .site-header .header-actions{display:flex!important;gap:5px!important;min-width:0!important;flex:0 0 auto!important}
  .site-header .header-actions .theme-header-control,.site-header .header-actions .language-header-control,.site-header .header-actions .online-pill,.site-header .header-actions .phone-link,.site-header .header-actions .header-request{display:none!important}
  .site-header .header-menu-control{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:72px!important;min-width:72px!important;height:44px!important;min-height:44px!important;padding:6px 8px!important;border-radius:12px!important}
  .site-header .header-menu-control .menu-icon{font-size:15px!important;line-height:1!important}
  .site-header .header-menu-control b{font-size:11px!important;line-height:1!important}
}
@media(max-width:390px){
  .site-header .brand-wordmark img{width:33px!important;height:33px!important;flex-basis:33px!important}
  .site-header .brand-title{font-size:14px!important;letter-spacing:-.05em!important}
  .site-header .header-menu-control{width:68px!important;min-width:68px!important}
}

/* Day mode: contact copy is deliberately dark, never orange. */
body.day-mode .contact-section,
body.day-mode .contact-section h1,body.day-mode .contact-section h2,body.day-mode .contact-section h3,
body.day-mode .contact-section p,body.day-mode .contact-section strong,body.day-mode .contact-section b,
body.day-mode .contact-section span,body.day-mode .contact-section small{color:#17191d!important}
body.day-mode .contact-section .eyebrow{color:#17191d!important;font-weight:950!important}
body.day-mode .contact-section .contact-quick small{color:#4b535a!important;font-weight:900!important}
body.day-mode .contact-section .contact-quick b{color:#17191d!important;font-size:15px!important;font-weight:950!important}
body.day-mode .contact-section .contact-map-brand-logo img{width:min(100%,360px)!important;max-width:360px!important;height:auto!important;object-fit:contain!important}
body.day-mode .contact-section .contact-map-brand-logo strong{font-size:18px!important;font-weight:950!important}
body.day-mode .contact-section .contact-map-brand-logo span{font-size:13px!important;color:#59636a!important;font-weight:800!important}
body.day-mode .contact-section .contact-map-yandex b{color:#17191d!important;font-weight:950!important}
body.day-mode .contact-section .contact-map-yandex small{color:#59636a!important;font-weight:800!important}

/* Portfolio/process descriptions in day mode: readable dark graphite. */
body.day-mode #portfolio h2,body.day-mode #portfolio .eyebrow,body.day-mode #portfolio .section-head>p,
body.day-mode #portfolio figcaption,body.day-mode #portfolio figcaption *{color:#17191d!important}
body.day-mode #portfolio .section-head>p{font-weight:700!important;line-height:1.55!important}
body.day-mode .process p,body.day-mode .process h3,body.day-mode .process li>div:nth-child(2){color:#17191d!important}
body.day-mode .process p{font-weight:650!important}

/* Calculator explanatory line above the result. */
body.day-mode #calculator .calc-result small,body.day-mode #calculator .calc-result .result-label,
body.day-mode #calculator .calculator-result small{color:#3e474d!important;font-weight:850!important}
body.day-mode #calculator .calc-result{color:#17191d!important}

/* Social cards: recognizable icon tiles; placeholders stay visually consistent until official account URLs are supplied. */
body.day-mode .social-section .social-card{color:#17191d!important;background:#fff!important;border-color:rgba(17,25,29,.12)!important}
body.day-mode .social-section .social-card b,body.day-mode .social-section .social-card span{color:#17191d!important}
.social-card{position:relative!important;padding-left:62px!important}
.social-card::before{content:"";position:absolute;left:16px;top:50%;width:34px;height:34px;transform:translateY(-50%);border-radius:10px;background:#fff;border:1px solid rgba(17,25,29,.13);box-shadow:0 5px 14px rgba(0,0,0,.10)}
.social-card::after{position:absolute;left:16px;top:50%;width:34px;height:34px;transform:translateY(-50%);display:grid;place-items:center;font-weight:1000;font-size:15px;color:#17191d;line-height:1}
.social-card:nth-child(1)::after{content:"☎"}.social-card:nth-child(2)::after{content:"◉"}.social-card:nth-child(3)::after{content:"➤"}.social-card:nth-child(4)::after{content:"Я"}
.social-card:nth-child(5)::after{content:"VK"}.social-card:nth-child(6)::after{content:"OK"}.social-card:nth-child(7)::after{content:"◎"}.social-card:nth-child(8)::after{content:"▶"}.social-card:nth-child(9)::after{content:"R"}.social-card:nth-child(10)::after{content:"𝕏"}.social-card:nth-child(11)::after{content:"♪"}.social-card:nth-child(12)::after{content:"W"}.social-card:nth-child(13)::after{content:"L"}.social-card:nth-child(14)::after{content:"We"}.social-card:nth-child(15)::after{content:"微"}.social-card:nth-child(16)::after{content:"@"}
.social-card.social-placeholder{padding-left:62px!important}

/* Bottom mobile glass: day gets a lighter, more transparent first layer; second layer is 20% less transparent. */
@media(max-width:680px){
  body.day-mode .mobile-nav{position:fixed!important;isolation:isolate!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;height:64px!important;padding:6px!important;border-radius:17px!important;background:rgba(255,255,255,.34)!important;border:1px solid rgba(255,255,255,.58)!important;backdrop-filter:blur(22px) saturate(1.2)!important;-webkit-backdrop-filter:blur(22px) saturate(1.2)!important;box-shadow:0 16px 42px rgba(17,25,29,.16),inset 0 1px 0 rgba(255,255,255,.68)!important;overflow:visible!important}
  body.day-mode .mobile-nav::before{content:""!important;position:absolute!important;inset:2px!important;z-index:-1!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.10) 55%,rgba(255,255,255,.16))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;pointer-events:none!important}
  body.day-mode .mobile-nav::after{content:""!important;position:absolute!important;inset:-1px!important;z-index:-2!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,91,31,.16),rgba(255,255,255,.03) 50%,rgba(255,91,31,.11))!important;pointer-events:none!important}
  body.day-mode .mobile-nav a{color:#17191d!important;background:rgba(255,255,255,.12)!important}
  body.day-mode .mobile-nav a span,body.day-mode .mobile-nav a small{color:#17191d!important;text-shadow:none!important}
  body.day-mode .mobile-nav .mobile-profi{height:52px!important;min-height:52px!important;min-width:78px!important;width:78px!important;border-radius:15px!important;background:rgba(255,255,255,.58)!important;color:#17191d!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 7px 20px rgba(17,25,29,.10),inset 0 1px 0 rgba(255,255,255,.75)!important}
  body.day-mode .mobile-nav .mobile-profi span,body.day-mode .mobile-nav .mobile-profi small{color:#17191d!important}
  body.day-mode .mobile-nav .mobile-profi span{font-size:17px!important}
  body.day-mode .mobile-nav .mobile-profi small{font-size:11px!important;font-weight:1000!important}
  body.night-mode .mobile-nav .mobile-profi{background:rgba(9,38,55,.88)!important;color:#eafaff!important;border-color:rgba(145,224,248,.30)!important}
}

/* PROFI-RU V49 — canonical final mobile/desktop header, translator, orange menu and phone-fit geometry */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,video,svg,canvas{max-width:100%}

/* Day-mode top-right menu: compact, bright orange, with the word visible above every layer. */
body.day-mode .site-header .header-menu-control{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:82px!important;min-width:82px!important;height:44px!important;min-height:44px!important;
  padding:7px 9px!important;border-radius:13px!important;
  background:linear-gradient(145deg,#ff5a18 0%,#ff721d 52%,#ff9828 100%)!important;
  color:#fff!important;border:1px solid rgba(255,190,115,.78)!important;
  box-shadow:0 8px 24px rgba(220,72,16,.26),0 0 0 1px rgba(255,220,170,.28) inset,0 0 22px rgba(255,111,24,.22)!important;
  overflow:hidden!important;isolation:isolate!important;
}
body.day-mode .site-header .header-menu-control::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.34) 48%,transparent 68%)!important;transform:translateX(-120%)!important;animation:v49MenuSweep 3.8s ease-in-out infinite!important;pointer-events:none!important;z-index:0!important}
body.day-mode .site-header .header-menu-control .menu-icon,
body.day-mode .site-header .header-menu-control b{position:relative!important;z-index:2!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 5px rgba(112,30,6,.32)!important}
body.day-mode .site-header .header-menu-control .menu-icon{font-size:17px!important;line-height:1!important}
body.day-mode .site-header .header-menu-control b{display:inline-block!important;font-size:12px!important;font-weight:950!important;line-height:1!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important}
body.night-mode .site-header .header-menu-control{z-index:60010!important}
@keyframes v49MenuSweep{0%,58%{transform:translateX(-120%);opacity:0}68%{opacity:1}82%,100%{transform:translateX(120%);opacity:0}}

/* Header geometry: title always receives its own flexible column; controls never cover it. */
.site-header .header-brand-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;width:100%!important;gap:10px!important}
.site-header .brand-logo-wrap{min-width:0!important;max-width:none!important;overflow:visible!important}
.site-header .brand-wordmark{display:flex!important;align-items:center!important;min-width:0!important;width:100%!important;gap:8px!important;overflow:visible!important}
.site-header .brand-wordmark img{flex:0 0 auto!important;object-fit:contain!important}
.site-header .brand-title{min-width:0!important;max-width:100%!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;color:#15191d!important;-webkit-text-fill-color:#15191d!important;background:none!important;text-shadow:none!important}
.site-header .header-actions{min-width:max-content!important;flex:0 0 auto!important;position:relative!important;z-index:60000!important;isolation:isolate!important}
.site-header .header-menu-control{position:relative!important;z-index:60010!important;flex:0 0 auto!important;pointer-events:auto!important;touch-action:manipulation!important}

/* Keep the language/translator visible on phones as a compact control. */
@media(max-width:680px){
  .site-header .header-inner{height:auto!important;min-height:62px!important;padding-top:7px!important;padding-bottom:7px!important}
  .site-header .header-brand-row{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  .site-header .brand-wordmark{gap:5px!important}
  .site-header .brand-wordmark img{width:35px!important;height:35px!important;flex-basis:35px!important}
  .site-header .brand-title{font-size:clamp(12.5px,4.05vw,17px)!important;letter-spacing:-.045em!important;line-height:1!important}
  .site-header .header-actions{gap:5px!important}
  .site-header .header-actions .theme-header-control,.site-header .header-actions .online-pill,.site-header .header-actions .phone-link,.site-header .header-actions .header-request{display:none!important}
  .site-header .header-actions .language-header-control{display:flex!important;align-items:center!important;justify-content:center!important;width:43px!important;min-width:43px!important;height:42px!important;flex:0 0 43px!important;padding:4px!important;border-radius:12px!important}
  .site-header .language-header-control .utility-icon{display:none!important}
  .site-header .language-header-control .utility-label{display:block!important;font-size:0!important;line-height:1!important}
  .site-header .language-header-control .utility-label::before{content:"文";font-size:15px!important;font-weight:900!important}
  .site-header .language-header-control select{display:block!important;width:38px!important;min-width:38px!important;height:28px!important;padding:2px 0!important;border:0!important;background:transparent!important;color:#17191c!important;font-size:8px!important;font-weight:900!important;line-height:1!important}
  body.day-mode .site-header .language-header-control{background:rgba(255,255,255,.82)!important;border:1px solid rgba(30,35,40,.12)!important;box-shadow:0 5px 16px rgba(20,25,30,.10)!important}
  body.night-mode .site-header .language-header-control{background:rgba(18,25,32,.72)!important}
  .site-header .header-menu-control{width:78px!important;min-width:78px!important;height:42px!important;min-height:42px!important;padding:7px 8px!important;border-radius:12px!important}
  .site-header .header-menu-control b{font-size:11.5px!important}
  .site-header .header-menu-control .menu-icon{font-size:16px!important}
}
@media(max-width:390px){
  .site-header .brand-wordmark img{width:32px!important;height:32px!important;flex-basis:32px!important}
  .site-header .brand-title{font-size:12.2px!important;letter-spacing:-.048em!important}
  .site-header .header-actions{gap:4px!important}
  .site-header .header-actions .language-header-control{width:40px!important;min-width:40px!important;flex-basis:40px!important}
  .site-header .language-header-control select{width:35px!important;min-width:35px!important;font-size:7.5px!important}
  .site-header .header-menu-control{width:74px!important;min-width:74px!important;padding-left:7px!important;padding-right:7px!important}
  .site-header .header-menu-control b{font-size:11px!important}
}

/* Phone content frame: no horizontal crop, no oversized desktop blocks, clean side walls. */
@media(max-width:680px){
  .container{width:100%!important;max-width:100%!important;margin-inline:auto!important;padding-left:14px!important;padding-right:14px!important}
  main,.page-shell,.section-inner{max-width:100%!important;overflow-x:clip}
  .hero,.section,.section-dark,.site-footer{width:100%!important;max-width:100%!important;overflow-x:clip}
  .grid,.cards,.service-grid,.social-grid,.materials-grid{min-width:0!important;max-width:100%!important}
  .card,.service-card,.social-card,.material-card{min-width:0!important;max-width:100%!important}
  .card h1,.card h2,.card h3,.card p,.service-card h3,.service-card p,.social-card h3,.social-card p{overflow-wrap:anywhere}
}

/* Mobile bottom glass: symmetric left/right geometry; front layer is transparent, upper layer ~20% more opaque. */
@media(max-width:680px){
  body.day-mode .mobile-nav{
    left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;height:64px!important;
    padding:6px!important;border-radius:17px!important;
    background:rgba(255,112,31,.54)!important;border:1px solid rgba(255,199,143,.48)!important;
    backdrop-filter:blur(22px) saturate(1.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.18)!important;
    box-shadow:0 16px 48px rgba(123,46,17,.22),0 0 32px rgba(255,115,27,.18),inset 0 1px 0 rgba(255,255,255,.34)!important;
  }
  body.day-mode .mobile-nav::before{content:""!important;position:absolute!important;inset:1px!important;border-radius:16px!important;background:linear-gradient(115deg,rgba(255,255,255,.24),rgba(255,255,255,.15) 52%,rgba(255,185,105,.19))!important;pointer-events:none!important;z-index:-1!important}
  body.day-mode .mobile-nav::after{content:""!important;position:absolute!important;inset:3px!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important;pointer-events:none!important;z-index:-1!important}
  .mobile-nav>a,.mobile-nav>.mobile-profi{flex:1 1 0!important;min-width:0!important;max-width:none!important}
  .mobile-nav .mobile-profi{flex:1.12 1 0!important;width:auto!important;min-width:0!important;height:52px!important;min-height:52px!important}
}

/* V49 canonical feature-review layout (moved out of HTML inline styles). */
.featured-video-review{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;margin:0 0 28px;padding:22px;border:1px solid rgba(0,0,0,.08);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(0,0,0,.07)}
.featured-video-media{overflow:hidden;border-radius:20px;background:#111;min-height:320px;display:flex;align-items:center;justify-content:center}.featured-video-media video{display:block;width:100%;height:100%;max-height:520px;object-fit:contain;background:#111}.featured-video-content{display:flex;flex-direction:column;justify-content:center}.featured-video-content h3{margin:.25rem 0 .15rem;font-size:clamp(28px,4vw,42px)}.featured-video-content h4{margin:.2rem 0 1rem;font-size:20px}.featured-video-content p{line-height:1.65}.featured-video-content small{margin-top:14px;opacity:.7;line-height:1.5}
@media(max-width:820px){.featured-video-review{grid-template-columns:1fr;padding:14px;border-radius:22px}.featured-video-media{min-height:220px}.featured-video-content{padding:4px 6px 8px}}

/* PROFI-RU V50 — restored original theme controls + true phone-safe wordmark + fire PROFI-RU */
.site-header .header-brand-row{position:relative!important}
.site-header .brand-logo-wrap{min-width:0!important;flex:1 1 auto!important}
.site-header .brand-wordmark{min-width:0!important;width:100%!important}
.site-header .brand-title{display:block!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;clip-path:none!important;transform:none!important}

/* Theme control: same icon position in both modes, animated sun/moon treatment. */
.site-header .theme-header-control{position:relative!important;isolation:isolate!important;overflow:hidden!important;touch-action:manipulation!important}
.site-header .theme-header-control .utility-icon{grid-area:1/1!important;display:grid!important;place-items:center!important;transition:transform .28s ease,opacity .28s ease,filter .28s ease!important}
.site-header .theme-header-control .utility-icon.theme-sun{opacity:1!important;transform:scale(1) rotate(0deg)!important}
.site-header .theme-header-control .utility-icon.theme-moon{opacity:0!important;transform:scale(.45) rotate(-25deg)!important}
body.night-mode .site-header .theme-header-control .utility-icon.theme-sun{opacity:0!important;transform:scale(.45) rotate(25deg)!important}
body.night-mode .site-header .theme-header-control .utility-icon.theme-moon{opacity:1!important;transform:scale(1) rotate(0deg)!important}
.site-header .theme-header-control::after{content:""!important;position:absolute!important;inset:-50%!important;border-radius:50%!important;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.5),transparent 28%)!important;animation:v50ThemeSpin 3.6s linear infinite!important;pointer-events:none!important;z-index:-1!important}
@keyframes v50ThemeSpin{to{transform:rotate(360deg)}}

/* Phone header: reserve only compact controls, leaving enough physical width for the complete name. */
@media(max-width:680px){
  .site-header .header-inner{min-height:62px!important;padding-left:10px!important;padding-right:10px!important}
  .site-header .header-brand-row{grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important}
  .site-header .brand-wordmark{gap:4px!important}
  .site-header .brand-wordmark img{width:30px!important;height:30px!important;flex:0 0 30px!important}
  .site-header .brand-title{font-size:clamp(10.8px,3.35vw,15px)!important;letter-spacing:-.045em!important;line-height:1!important;font-weight:1000!important}
  .site-header .header-actions{gap:4px!important;min-width:auto!important}
  .site-header .header-actions .theme-header-control{display:grid!important;width:34px!important;min-width:34px!important;height:38px!important;min-height:38px!important;flex:0 0 34px!important;padding:3px!important;border-radius:10px!important}
  .site-header .theme-header-control .utility-icon{font-size:19px!important;line-height:1!important}
  .site-header .theme-header-control .utility-label{display:none!important}
  .site-header .header-actions .language-header-control{width:34px!important;min-width:34px!important;height:38px!important;min-height:38px!important;flex:0 0 34px!important;padding:2px!important;border-radius:10px!important}
  .site-header .language-header-control .utility-label{display:block!important;font-size:0!important}
  .site-header .language-header-control .utility-label::before{content:"文"!important;font-size:14px!important}
  .site-header .language-header-control select{width:30px!important;min-width:30px!important;height:18px!important;font-size:7px!important;padding:0!important}
  .site-header .header-menu-control{width:64px!important;min-width:64px!important;height:38px!important;min-height:38px!important;padding:5px 6px!important;border-radius:10px!important;gap:4px!important}
  body.day-mode .site-header .header-menu-control{background:linear-gradient(145deg,#ff5117,#ff6f1c 52%,#ff9829)!important}
  body.night-mode .site-header .header-menu-control{background:linear-gradient(145deg,#102f43,#164d67 52%,#23708f)!important;color:#eafaff!important;border-color:rgba(110,215,255,.35)!important}
  .site-header .header-menu-control b{font-size:10px!important;line-height:1!important;display:inline-block!important}
  .site-header .header-menu-control .menu-icon{font-size:14px!important;width:14px!important}
}
@media(max-width:390px){
  .site-header .header-inner{padding-left:8px!important;padding-right:8px!important}
  .site-header .brand-wordmark img{width:28px!important;height:28px!important;flex-basis:28px!important}
  .site-header .brand-title{font-size:10.3px!important;letter-spacing:-.052em!important}
  .site-header .header-actions{gap:3px!important}
  .site-header .header-actions .theme-header-control,.site-header .header-actions .language-header-control{width:32px!important;min-width:32px!important;flex-basis:32px!important}
  .site-header .header-menu-control{width:62px!important;min-width:62px!important;padding-left:5px!important;padding-right:5px!important}
  .site-header .header-menu-control b{font-size:9.8px!important}
}

/* The center PROFI-RU control returns to the requested fire transition in night mode. */
.mobile-nav .mobile-profi{position:relative!important;overflow:visible!important;isolation:isolate!important}
.mobile-nav .mobile-profi::before{content:""!important;position:absolute!important;inset:-7px!important;border-radius:18px!important;background:radial-gradient(circle at 50% 100%,rgba(255,72,15,.60),rgba(255,139,32,.34) 35%,rgba(255,184,70,.12) 58%,transparent 76%)!important;filter:blur(6px)!important;opacity:.72!important;z-index:-1!important;pointer-events:none!important;animation:v50FireGlow 2.3s ease-in-out infinite!important}
body.night-mode .mobile-nav .mobile-profi{background:linear-gradient(145deg,#771716 0%,#bd2c18 34%,#ee4d1b 63%,#ff8b27 100%)!important;color:#fff!important;border:1px solid rgba(255,190,105,.72)!important;box-shadow:0 0 0 2px rgba(255,74,20,.22),0 8px 25px rgba(0,0,0,.34),0 0 30px rgba(255,79,21,.38),inset 0 1px 0 rgba(255,255,255,.28)!important}
body.night-mode .mobile-nav .mobile-profi span,body.night-mode .mobile-nav .mobile-profi small{color:#fff!important;text-shadow:0 1px 8px rgba(100,20,5,.42)!important}
body.day-mode .mobile-nav .mobile-profi{background:rgba(255,255,255,.52)!important;color:#17191d!important;border:1px solid rgba(255,255,255,.76)!important;box-shadow:0 7px 20px rgba(17,25,29,.10),inset 0 1px 0 rgba(255,255,255,.78)!important}
body.day-mode .mobile-nav .mobile-profi span,body.day-mode .mobile-nav .mobile-profi small{color:#17191d!important;text-shadow:none!important}
@keyframes v50FireGlow{0%,100%{transform:scale(.94);opacity:.55;filter:blur(7px)}50%{transform:scale(1.10);opacity:1;filter:blur(5px)}}

/* Keep bottom icons identical between themes; only the glass/fill changes. */
.mobile-nav a span,.mobile-nav .mobile-profi span{font-family:inherit!important}
.mobile-nav a svg{width:20px!important;height:20px!important;display:block!important}

/* Final phone side-wall guard. */
@media(max-width:680px){
  html,body{width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .site-header,.site-header .container,.header-inner,.header-brand-row,.header-actions{max-width:100%!important;min-width:0!important}
  .header-actions>*{flex-shrink:0!important}
  .brand-wordmark,.brand-title{max-width:100%!important}
}

/* PROFI-RU V51 — FINAL DAY/NIGHT VISUAL RESTORE + IDENTICAL ICON GEOMETRY */
/* Day mode: restore the warm, light PROFI-RU palette used in the approved design. */
body.day-mode{
  --accent:#ff5a1f!important;--accent2:#ff8a1f!important;--bg:#fff!important;--surface:#fff!important;--ink:#17191c!important;--muted:#5f646b!important;--line:#eadfd8!important;
  background:#fff!important;color:#17191c!important;
}
body.day-mode .site-header{background:rgba(255,255,255,.98)!important;color:#17191c!important;border-bottom:2px solid rgba(255,90,31,.18)!important;box-shadow:0 8px 28px rgba(255,90,31,.10)!important}
body.day-mode .site-header .brand-title{background:linear-gradient(100deg,#17191c 0%,#17191c 34%,#ff5a1f 47%,#ff9b45 53%,#17191c 66%,#17191c 100%)!important;background-size:220% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;animation:profiBrandShimmer 6.8s ease-in-out infinite!important}
body.day-mode .header-utility{background:rgba(255,255,255,.94)!important;color:#17191c!important;border-color:#f0d5c7!important}
body.day-mode .language-select select{background:#fff!important;color:#17191c!important;border-color:#efcfbf!important}
body.day-mode .site-header .header-menu-control{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;color:#fff!important;border-color:rgba(255,255,255,.58)!important;box-shadow:0 10px 28px rgba(255,90,31,.24),0 0 18px rgba(255,125,35,.16)!important}
body.day-mode .site-header .header-menu-control .menu-icon,body.day-mode .site-header .header-menu-control b{color:#fff!important;-webkit-text-fill-color:#fff!important;visibility:visible!important;opacity:1!important}
/* Night: same control shapes and positions; only fills/contrast change. */
body.night-mode .site-header .theme-header-control,body.night-mode .site-header .language-header-control,body.night-mode .site-header .header-menu-control{border-radius:10px!important}
body.night-mode .site-header .header-menu-control{background:linear-gradient(135deg,#102f43,#164d67 52%,#23708f)!important;color:#eafaff!important;border-color:rgba(110,215,255,.35)!important}
body.night-mode .site-header .header-menu-control .menu-icon,body.night-mode .site-header .header-menu-control b{color:#eafaff!important;-webkit-text-fill-color:#eafaff!important;visibility:visible!important;opacity:1!important}
/* Keep the animated Day/Night control, with the same icon box in both themes. */
.site-header .theme-header-control{display:grid!important;grid-template-columns:1fr;grid-template-rows:1fr!important;place-items:center!important}
.site-header .theme-header-control .utility-icon{grid-area:1/1!important;position:relative!important;z-index:2!important}
.site-header .theme-header-control .utility-label{position:absolute!important;bottom:2px!important;left:0!important;right:0!important;text-align:center!important;font-size:7px!important;line-height:1!important;font-weight:900!important;opacity:.9!important}
.site-header .theme-header-control::before{content:""!important;position:absolute!important;inset:2px!important;border-radius:inherit!important;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.26),transparent 58%)!important;pointer-events:none!important}
/* Identical bottom icon geometry in both modes. */
.mobile-nav{display:flex!important;align-items:center!important;gap:4px!important;box-sizing:border-box!important}
.mobile-nav>a,.mobile-nav>.mobile-profi{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;min-width:0!important;height:52px!important;min-height:52px!important;border-radius:14px!important;position:relative!important}
.mobile-nav a span,.mobile-nav .mobile-profi span{font-size:18px!important;line-height:1!important}
.mobile-nav a small,.mobile-nav .mobile-profi small{font-size:8px!important;line-height:1.1!important;font-weight:900!important}
/* Day: light transparent glass, black typography, orange/fire center. */
body.day-mode .mobile-nav{background:rgba(255,255,255,.48)!important;border:1px solid rgba(255,255,255,.76)!important;backdrop-filter:blur(24px) saturate(1.25)!important;-webkit-backdrop-filter:blur(24px) saturate(1.25)!important;box-shadow:0 16px 42px rgba(30,40,45,.14),inset 0 1px 0 rgba(255,255,255,.82)!important}
body.day-mode .mobile-nav::before{background:linear-gradient(120deg,rgba(255,255,255,.30),rgba(255,255,255,.12) 55%,rgba(255,160,76,.18))!important;opacity:1!important}
body.day-mode .mobile-nav::after{background:linear-gradient(120deg,rgba(255,90,31,.12),rgba(255,255,255,.04),rgba(255,138,31,.10))!important}
body.day-mode .mobile-nav>a{background:rgba(255,255,255,.14)!important;color:#17191c!important;border:1px solid rgba(255,255,255,.42)!important}
body.day-mode .mobile-nav>a span,body.day-mode .mobile-nav>a small{color:#17191c!important}
body.day-mode .mobile-nav>a.active{background:rgba(255,255,255,.34)!important;color:#17191c!important}
body.day-mode .mobile-nav .mobile-profi{background:rgba(255,255,255,.38)!important;color:#17191c!important;border:1px solid rgba(255,255,255,.70)!important;box-shadow:0 8px 24px rgba(40,40,40,.12),inset 0 1px 0 rgba(255,255,255,.86)!important}
body.day-mode .mobile-nav .mobile-profi span,body.day-mode .mobile-nav .mobile-profi small{color:#17191c!important}
/* Fire is visible through transparent glass in both themes; day is lighter, night richer. */
.mobile-nav .mobile-profi::before{inset:-8px!important;background:radial-gradient(circle at 50% 92%,rgba(255,62,12,.62),rgba(255,121,24,.36) 35%,rgba(255,181,64,.14) 58%,transparent 76%)!important;filter:blur(7px)!important;opacity:.72!important;animation:v50FireGlow 2.3s ease-in-out infinite!important}
body.day-mode .mobile-nav .mobile-profi::after{content:""!important;position:absolute!important;inset:2px!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,120,30,.10))!important;pointer-events:none!important;z-index:-1!important}
body.night-mode .mobile-nav{background:linear-gradient(145deg,rgba(9,38,55,.72),rgba(20,75,102,.72))!important;border:1px solid rgba(145,224,248,.24)!important;backdrop-filter:blur(24px) saturate(1.18)!important;-webkit-backdrop-filter:blur(24px) saturate(1.18)!important}
body.night-mode .mobile-nav>a{background:rgba(9,38,55,.24)!important;color:#eafaff!important;border:1px solid rgba(145,224,248,.14)!important}
body.night-mode .mobile-nav>a span,body.night-mode .mobile-nav>a small{color:#eafaff!important}
body.night-mode .mobile-nav>a.active{background:rgba(145,224,248,.10)!important}
body.night-mode .mobile-nav .mobile-profi{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,190,105,.44)!important;box-shadow:0 8px 25px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.20)!important}
body.night-mode .mobile-nav .mobile-profi span,body.night-mode .mobile-nav .mobile-profi small{color:#fff!important}
/* Phone-safe header: reserve exact control widths and never let the title be covered. */
@media(max-width:680px){
 .site-header .header-inner{padding-left:8px!important;padding-right:8px!important;box-sizing:border-box!important}
 .site-header .header-brand-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;width:100%!important}
 .site-header .brand-logo-wrap,.site-header .brand-wordmark{min-width:0!important;width:100%!important;max-width:100%!important}
 .site-header .brand-wordmark{display:flex!important;align-items:center!important;gap:4px!important;overflow:visible!important}
 .site-header .brand-wordmark img{width:28px!important;height:28px!important;flex:0 0 28px!important;object-fit:contain!important}
 .site-header .brand-title{display:block!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important;font-size:clamp(9.4px,3.0vw,13px)!important;letter-spacing:-.052em!important;line-height:1!important}
 .site-header .header-actions{display:flex!important;align-items:center!important;gap:3px!important;min-width:max-content!important;flex:0 0 auto!important}
 .site-header .header-actions .theme-header-control{display:grid!important;width:34px!important;min-width:34px!important;flex:0 0 34px!important;height:38px!important;min-height:38px!important}
 .site-header .header-actions .language-header-control{display:grid!important;width:34px!important;min-width:34px!important;flex:0 0 34px!important;height:38px!important;min-height:38px!important}
 .site-header .language-header-control .utility-label{display:none!important}
 .site-header .language-header-control .utility-icon{font-size:15px!important}
 .site-header .language-header-control select{position:absolute!important;bottom:3px!important;left:3px!important;width:28px!important;min-width:28px!important;height:12px!important;font-size:6px!important;padding:0!important}
 .site-header .header-actions .online-pill,.site-header .header-actions .phone-link,.site-header .header-actions .header-request{display:none!important}
 .site-header .header-menu-control{display:flex!important;width:64px!important;min-width:64px!important;flex:0 0 64px!important;height:38px!important;min-height:38px!important;padding:5px 5px!important;border-radius:10px!important;gap:4px!important}
 .site-header .header-menu-control .menu-icon{font-size:14px!important;width:14px!important;flex:0 0 14px!important}
 .site-header .header-menu-control b{font-size:10px!important;white-space:nowrap!important;display:inline-block!important}
}
@media(max-width:390px){
 .site-header .brand-wordmark img{width:25px!important;height:25px!important;flex-basis:25px!important}
 .site-header .brand-title{font-size:clamp(8.8px,2.75vw,11px)!important;letter-spacing:-.055em!important}
 .site-header .header-actions{gap:2px!important}
 .site-header .header-actions .theme-header-control,.site-header .header-actions .language-header-control{width:32px!important;min-width:32px!important;flex-basis:32px!important}
 .site-header .header-menu-control{width:62px!important;min-width:62px!important;flex-basis:62px!important}
 .site-header .header-menu-control b{font-size:9.5px!important}
}

/* PROFI-RU V53 — FINAL CONSISTENT DAY/NIGHT HEADER + SOCIAL/MANAGER PLACEMENT */
.site-header .header-inner{width:100%!important;max-width:100%!important}
.site-header .header-brand-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:10px!important;width:100%!important;min-width:0!important}
.site-header .brand-logo-wrap{min-width:0!important;width:100%!important}
.site-header .brand-wordmark{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important;max-width:100%!important}
.site-header .brand-wordmark img{flex:0 0 auto!important;object-fit:contain!important}
.site-header .brand-title{flex:1 1 auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;display:block!important;font-size:clamp(20px,2.4vw,34px)!important;line-height:1!important;letter-spacing:-.042em!important;font-weight:950!important}
.site-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex:0 0 auto!important;min-width:max-content!important}
/* Day and night use exactly the same header geometry; only fills/colors change. */
body.day-mode .site-header .header-brand-row,body.night-mode .site-header .header-brand-row{min-height:54px!important}
body.day-mode .site-header .brand-title{background:linear-gradient(100deg,#17191c 0%,#17191c 30%,#ff5a1f 44%,#ffb15c 51%,#ff5a1f 57%,#17191c 70%,#17191c 100%)!important;background-size:240% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:profiBrandShimmer 6.8s ease-in-out infinite!important}
body.night-mode .site-header .brand-title{background:linear-gradient(100deg,#eef8ff 0%,#eef8ff 34%,#ff7a27 48%,#ffd18a 54%,#ff7a27 60%,#eef8ff 72%,#eef8ff 100%)!important;background-size:240% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:profiBrandShimmer 6.8s ease-in-out infinite!important}
body.day-mode .site-header .brand-wordmark img,body.night-mode .site-header .brand-wordmark img{width:52px!important;height:52px!important}
/* Keep theme, language and menu visible on phones with equal geometry. */
@media(max-width:680px){
 .site-header .header-inner{padding-left:8px!important;padding-right:8px!important}
 .site-header .header-brand-row{grid-template-columns:minmax(0,1fr) auto!important;column-gap:5px!important}
 .site-header .brand-wordmark{gap:5px!important}
 .site-header .brand-wordmark img{width:30px!important;height:30px!important}
 .site-header .brand-title{font-size:clamp(10.8px,3.25vw,14px)!important;letter-spacing:-.052em!important;overflow:visible!important}
 .site-header .header-actions{gap:3px!important}
 .site-header .header-actions .theme-header-control,.site-header .header-actions .language-header-control{display:grid!important;width:34px!important;min-width:34px!important;height:38px!important;min-height:38px!important;flex:0 0 34px!important}
 .site-header .header-actions .theme-header-control .utility-label{display:none!important}
 .site-header .header-actions .language-header-control .utility-label{display:none!important}
 .site-header .header-actions .language-header-control select{width:30px!important;min-width:30px!important}
 .site-header .header-menu-control{display:flex!important;width:66px!important;min-width:66px!important;height:38px!important;min-height:38px!important;flex:0 0 66px!important}
}
@media(max-width:390px){
 .site-header .brand-wordmark img{width:28px!important;height:28px!important}
 .site-header .brand-title{font-size:10.1px!important;letter-spacing:-.055em!important}
 .site-header .header-actions{gap:2px!important}
 .site-header .header-actions .theme-header-control,.site-header .header-actions .language-header-control{width:31px!important;min-width:31px!important;flex-basis:31px!important;height:36px!important;min-height:36px!important}
 .site-header .header-actions .language-header-control select{width:27px!important;min-width:27px!important}
 .site-header .header-menu-control{width:62px!important;min-width:62px!important;flex-basis:62px!important;height:36px!important;min-height:36px!important}
 .site-header .header-menu-control b{font-size:10px!important}
}
/* Recognizable, uniform social marks — links remain inert until official account URLs are confirmed. */
.social-card{position:relative!important}
.social-card[data-social-icon]::before{content:attr(data-social-icon)!important;position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-weight:1000!important;font-size:15px!important;line-height:1!important;border:1px solid currentColor!important;box-sizing:border-box!important}
.social-card[data-social-icon]{padding-left:62px!important}
.manager-social-card{appearance:none!important;border:0!important;text-align:left!important;font:inherit!important;cursor:pointer!important;width:100%!important}
.manager-social-card .manager-mark{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;border:1px solid currentColor!important;font-size:22px!important;font-weight:900!important}
body.day-mode .manager-social-card,body.day-mode .social-card[data-social-icon]{color:#17191d!important}
body.night-mode .manager-social-card,body.night-mode .social-card[data-social-icon]{color:#eafaff!important}
/* Prevent dark empty blocks around the right-side social/manager area. */
body.day-mode .social-section{background:linear-gradient(135deg,#fff7f2,#ffffff 58%,#fff2e9)!important;color:#17191d!important}
body.day-mode .social-section h2,body.day-mode .social-section p{color:#17191d!important}
body.day-mode .social-card{background:rgba(255,255,255,.82)!important;color:#17191d!important;border-color:rgba(255,90,31,.18)!important;box-shadow:0 10px 28px rgba(70,38,25,.08)!important}
body.day-mode .social-card span,body.day-mode .social-card b{color:#17191d!important}
body.day-mode .yandex-brand-icon{background:#111!important;color:#fff!important}
body.night-mode .social-card{color:#eafaff!important}
/* Manager chat entry stays in the same visual grid as the other official contact cards. */
.manager-social-card i{font-style:normal!important}
/* Versioned Service Worker marker */

/* PROFI-RU V54 — DAY MODE RESTORE FROM V48; HEADER SCALE SAFE; BOTTOM NAV LEFT UNTOUCHED */
/* Day mode: restore the clean white/orange visual language. Do not alter .mobile-nav here. */
body.day-mode{
  background:#fff!important;
  color:#17191d!important;
  --bg:#fff!important;
  --surface:#fff!important;
  --ink:#17191d!important;
  --muted:#5d646b!important;
  --accent:#ff5a1f!important;
  --accent2:#ff8a1f!important;
}
body.day-mode main,
body.day-mode .section:not(.section-dark),
body.day-mode .section-soft,
body.day-mode .section-head,
body.day-mode .about-grid,
body.day-mode .faq-wrap,
body.day-mode .contact-grid,
body.day-mode .remote-grid,
body.day-mode .cards,
body.day-mode .calculator,
body.day-mode .remote-card,
body.day-mode .market-toolbar,
body.day-mode .premium-showcase,
body.day-mode .social-section{
  color:#17191d!important;
}
/* Orange editorial typography on the light day canvas. */
body.day-mode .section:not(.section-dark) .eyebrow,
body.day-mode .section:not(.section-dark) .section-head h2,
body.day-mode .about-grid h2,
body.day-mode .faq-wrap h2,
body.day-mode .contact-grid h2,
body.day-mode .calc-layout h2,
body.day-mode .premium-showcase h2,
body.day-mode .radio-group-title,
body.day-mode .radio-group-title-intl{
  color:#ff5a1f!important;
}
body.day-mode .section:not(.section-dark) .section-head>p,
body.day-mode .section:not(.section-dark) p,
body.day-mode .section:not(.section-dark) small,
body.day-mode .section:not(.section-dark) label,
body.day-mode .section:not(.section-dark) figcaption,
body.day-mode .about-grid p,
body.day-mode .faq-wrap p,
body.day-mode .contact-grid p{
  color:#17191d!important;
}
/* Dark surfaces in DAY mode: orange readable text, while action buttons retain white labels. */
body.day-mode .hero,
body.day-mode .section-dark,
body.day-mode .vip-section,
body.day-mode .footer,
body.day-mode .remote-banner,
body.day-mode .calc-result,
body.day-mode .notification,
body.day-mode .market-cart-card,
body.day-mode .profi-hub-fab{
  color:#ff8a1f!important;
}
body.day-mode .hero h1,
body.day-mode .hero .hero-card-top,
body.day-mode .hero .hero-card p,
body.day-mode .hero .hero-trust strong,
body.day-mode .section-dark h2,
body.day-mode .section-dark h3,
body.day-mode .section-dark p,
body.day-mode .section-dark span,
body.day-mode .section-dark small,
body.day-mode .section-dark li,
body.day-mode .vip-section h2,
body.day-mode .vip-section h3,
body.day-mode .vip-section p,
body.day-mode .vip-section span,
body.day-mode .vip-section small,
body.day-mode .vip-section li,
body.day-mode .remote-banner strong,
body.day-mode .remote-banner span,
body.day-mode .calc-result span,
body.day-mode .calc-result strong,
body.day-mode .calc-result small,
body.day-mode .notification b,
body.day-mode .notification p,
body.day-mode .notification small,
body.day-mode .footer h3,
body.day-mode .footer p,
body.day-mode .footer a,
body.day-mode .footer-bottom,
body.day-mode .profi-hub-fab{
  color:#ff8a1f!important;
  text-shadow:none!important;
}
/* Preserve white labels on orange/red/blue controls. */
body.day-mode .btn-accent,
body.day-mode .btn-accent *,
body.day-mode .btn-dark,
body.day-mode .btn-dark *,
body.day-mode .profi-tool-btn,
body.day-mode .profi-tool-btn *,
body.day-mode .radio-card a,
body.day-mode .yandex-review-btn,
body.day-mode .yandex-review-btn *,
body.day-mode .site-header .header-menu-control,
body.day-mode .site-header .header-menu-control *,
body.day-mode .chat-fab,
body.day-mode .chat-fab *,
body.day-mode .cart-open-btn,
body.day-mode .cart-open-btn *{
  color:#fff!important;
}
/* Dark-surface icons use the same orange language in day mode. */
body.day-mode .section-dark svg,
body.day-mode .vip-section svg,
body.day-mode .remote-banner svg,
body.day-mode .calc-result svg,
body.day-mode .notification svg,
body.day-mode .footer svg{
  color:#ff8a1f!important;
  fill:currentColor!important;
}
/* Light cards: dark copy stays highly readable; orange is reserved for labels/accents. */
body.day-mode .service-card h3,
body.day-mode .service-card p,
body.day-mode .remote-card h3,
body.day-mode .remote-card p,
body.day-mode .faq-wrap h3,
body.day-mode .contact-grid h3,
body.day-mode .field label,
body.day-mode .checks label,
body.day-mode .market-toolbar label,
body.day-mode .market-toolbar input,
body.day-mode .market-toolbar select{
  color:#17191d!important;
}
body.day-mode .service-card span,
body.day-mode .remote-card b,
body.day-mode .field label strong,
body.day-mode .material-price em{
  color:#ff5a1f!important;
}
/* VIP day mode: remove accidental white-on-light text while preserving dark cards. */
body.day-mode .vip-section .vip-card,
body.day-mode .vip-section .vip-meta>div,
body.day-mode .vip-section .vip-files li,
body.day-mode .vip-section .vip-security,
body.day-mode .vip-section .vip-chat,
body.day-mode .vip-section .approval-row,
body.day-mode .vip-section .vip-payment{
  color:#17191d!important;
}
body.day-mode .vip-section .vip-card h3,
body.day-mode .vip-section .vip-card p,
body.day-mode .vip-section .vip-card li,
body.day-mode .vip-section .vip-meta b,
body.day-mode .vip-section .vip-meta small,
body.day-mode .vip-section .vip-files b,
body.day-mode .vip-section .vip-files small,
body.day-mode .vip-section .vip-payment b,
body.day-mode .vip-section .vip-payment small,
body.day-mode .vip-section .approval-row b,
body.day-mode .vip-section .approval-row small{
  color:#17191d!important;
}
/* Header: make the brand materially larger while keeping a hard reserved control area. */
.site-header .header-brand-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;width:100%!important;min-width:0!important}
.site-header .brand-logo-wrap{min-width:0!important;width:100%!important;max-width:none!important}
.site-header .brand-wordmark{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;gap:10px!important;overflow:visible!important}
.site-header .brand-title{flex:1 1 auto!important;min-width:0!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;font-weight:1000!important;letter-spacing:-.048em!important;line-height:.98!important}
body.day-mode .site-header .brand-title{background:linear-gradient(100deg,#17191d 0%,#17191d 25%,#ff5a1f 42%,#ffb15c 50%,#ff5a1f 58%,#17191d 75%,#17191d 100%)!important;background-size:240% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;animation:profiBrandShimmer 6.8s ease-in-out infinite!important}
body.night-mode .site-header .brand-title{background:linear-gradient(100deg,#eef8ff 0%,#eef8ff 27%,#ff7a27 43%,#ffd18a 50%,#ff7a27 58%,#eef8ff 75%,#eef8ff 100%)!important;background-size:240% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;animation:profiBrandShimmer 6.8s ease-in-out infinite!important}
body.day-mode .site-header .brand-wordmark img,body.night-mode .site-header .brand-wordmark img{width:60px!important;height:60px!important;flex:0 0 60px!important}
@media(min-width:681px){
 .site-header .brand-title{font-size:clamp(25px,2.75vw,42px)!important}
 .site-header .header-actions{gap:7px!important;min-width:max-content!important;flex:0 0 auto!important}
}
@media(max-width:1100px) and (min-width:681px){
 .site-header .brand-title{font-size:clamp(22px,2.8vw,34px)!important}
}
@media(max-width:680px){
 .site-header .header-inner{padding-left:8px!important;padding-right:8px!important;box-sizing:border-box!important}
 .site-header .header-brand-row{grid-template-columns:minmax(0,1fr) auto!important;column-gap:4px!important}
 .site-header .brand-wordmark{gap:4px!important}
 .site-header .brand-wordmark img{width:32px!important;height:32px!important;flex-basis:32px!important}
 .site-header .brand-title{font-size:clamp(10.5px,3.2vw,14.5px)!important;letter-spacing:-.055em!important;overflow:hidden!important;white-space:nowrap!important}
 .site-header .header-actions{gap:3px!important;min-width:max-content!important;flex:0 0 auto!important}
 .site-header .header-actions .theme-header-control,.site-header .header-actions .language-header-control{display:grid!important;width:34px!important;min-width:34px!important;height:38px!important;min-height:38px!important;flex:0 0 34px!important}
 .site-header .header-menu-control{display:flex!important;width:66px!important;min-width:66px!important;height:38px!important;min-height:38px!important;flex:0 0 66px!important}
}
@media(max-width:390px){
 .site-header .brand-wordmark img{width:29px!important;height:29px!important;flex-basis:29px!important}
 .site-header .brand-title{font-size:clamp(9.4px,2.85vw,11.5px)!important;letter-spacing:-.058em!important}
 .site-header .header-actions{gap:2px!important}
 .site-header .header-actions .theme-header-control,.site-header .header-actions .language-header-control{width:31px!important;min-width:31px!important;flex-basis:31px!important;height:36px!important;min-height:36px!important}
 .site-header .header-menu-control{width:62px!important;min-width:62px!important;flex-basis:62px!important;height:36px!important;min-height:36px!important}
}
/* Day header controls: same geometry as night, only the fill changes. */
body.day-mode .site-header .theme-header-control,
body.day-mode .site-header .language-header-control{background:rgba(255,255,255,.98)!important;color:#17191d!important;border-color:#efcfbf!important}
body.night-mode .site-header .theme-header-control,
body.night-mode .site-header .language-header-control{color:#eafaff!important}
/* Keep bottom mobile navigation exactly as the existing V53 design. */
/* PROFI-RU V54 END */

/* PROFI-RU V55 — RIGHTS & IP SECTION; mobile bottom navigation intentionally untouched */
.ip-rights-section{padding:64px 0;background:#fff;color:#20242a;}
.ip-rights-section .section-head{max-width:900px;margin:0 auto 28px;text-align:center;}
.ip-rights-section .eyebrow{display:inline-block;font-weight:800;letter-spacing:.08em;color:#e45718;font-size:.78rem;margin-bottom:10px;}
.ip-rights-section h2{margin:.1em 0 .35em;color:#20242a;}
.ip-rights-section .section-head p{color:#3f4650;}
.ip-rights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.ip-card{border:1px solid rgba(228,87,24,.22);border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(20,25,30,.08);padding:24px;}
.ip-card-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#fff1e9;color:#d94e12;font-size:22px;font-weight:900;margin-bottom:14px;border:1px solid rgba(228,87,24,.22);}
.ip-card h3{margin:0 0 9px;color:#24282e;}
.ip-card p{margin:0;color:#414850;line-height:1.62;}
.ip-notice{margin-top:20px;border-radius:18px;padding:18px 20px;background:#fff8f3;border:1px solid rgba(228,87,24,.2);color:#353b42;line-height:1.55;}
.ip-notice strong{color:#d94e12;}
@media (max-width:800px){.ip-rights-section{padding:48px 0}.ip-rights-grid{grid-template-columns:1fr}.ip-card{padding:20px}.ip-rights-section .section-head{text-align:left}}

/* PROFI-RU V56 — multilingual scripts, flags and RTL safety; bottom navigation untouched */
html[lang="ar"], html[lang="he"]{direction:rtl}
html[lang="ar"] body, html[lang="ar"] button, html[lang="ar"] input, html[lang="ar"] select, html[lang="ar"] textarea{font-family:"Noto Sans Arabic",Manrope,sans-serif}
html[lang="he"] body, html[lang="he"] button, html[lang="he"] input, html[lang="he"] select, html[lang="he"] textarea{font-family:"Noto Sans Hebrew",Manrope,sans-serif}
html[lang="hi"] body, html[lang="hi"] button, html[lang="hi"] input, html[lang="hi"] select, html[lang="hi"] textarea{font-family:"Noto Sans Devanagari",Manrope,sans-serif}
html[lang="ko"] body, html[lang="ko"] button, html[lang="ko"] input, html[lang="ko"] select, html[lang="ko"] textarea{font-family:"Noto Sans KR",Manrope,sans-serif}
html[lang="th"] body, html[lang="th"] button, html[lang="th"] input, html[lang="th"] select, html[lang="th"] textarea{font-family:"Noto Sans Thai",Manrope,sans-serif}
html[lang="zh"] body, html[lang="zh"] button, html[lang="zh"] input, html[lang="zh"] select, html[lang="zh"] textarea{font-family:"Noto Sans SC",Manrope,sans-serif}
html[lang="hy"] body, html[lang="hy"] button, html[lang="hy"] input, html[lang="hy"] select, html[lang="hy"] textarea{font-family:"Noto Sans Armenian",Manrope,sans-serif}
.language-header-control select{font-weight:800;min-width:150px}
@media(max-width:680px){.language-header-control select{min-width:118px;max-width:132px;font-size:11px}.language-header-control .utility-label{display:none}}
@media(max-width:390px){.language-header-control select{min-width:108px;max-width:118px;font-size:10px}}
/* Keep brand names and numeric values visually stable in RTL. */
html[dir="rtl"] .brand, html[dir="rtl"] .phone-link, html[dir="rtl"] .online-pill, html[dir="rtl"] .platform-live, html[dir="rtl"] .calc-result strong{direction:ltr;unicode-bidi:plaintext}

/* PROFI-RU V57 — language typography and RTL support; bottom mobile navigation intentionally untouched */
html[lang="ru"], html[lang="be"] body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
html[lang="en"] body, html[lang="de"] body, html[lang="es"] body, html[lang="tr"] body, html[lang="vi"] body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
html[lang="zh"] body { font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif; }
html[lang="ko"] body { font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif; }
html[lang="hi"] body { font-family: "Noto Sans Devanagari", "Mangal", sans-serif; }
html[lang="tg"] body, html[lang="uz"] body { font-family: "Noto Sans", "Segoe UI", Arial, sans-serif; }
html[lang="hy"] body { font-family: "Noto Sans Armenian", "Segoe UI", Arial, sans-serif; }
html[lang="az"] body { font-family: "Noto Sans", "Segoe UI", Arial, sans-serif; }
html[lang="ar"] body { font-family: "Noto Sans Arabic", "Tahoma", Arial, sans-serif; }
html[lang="th"] body { font-family: "Noto Sans Thai", "Tahoma", sans-serif; }
html[lang="el"] body { font-family: "Noto Sans Greek", system-ui, sans-serif; }
html[lang="he"] body { font-family: "Noto Sans Hebrew", "Arial Hebrew", Arial, sans-serif; }
html[lang="ar"] .site-header, html[lang="he"] .site-header { direction:ltr; }
html[lang="ar"] .site-header *, html[lang="he"] .site-header * { direction:inherit; }
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select { text-align:right; }
html[dir="rtl"] .phone-link, html[dir="rtl"] .brand-title, html[dir="rtl"] .mobile-profi { direction:ltr; unicode-bidi:plaintext; }

/* PROFI-RU V58 — iPhone/Safari usability pass. Bottom mobile navigation is intentionally untouched. */
@supports (height: 100svh){
  @media(max-width:680px){
    .site-menu-panel{
      top:calc(var(--profi-header-h,62px) + 8px)!important;
      bottom:calc(64px + env(safe-area-inset-bottom,0px) + 18px)!important;
      max-height:none!important;
      overflow-y:auto!important;
      overscroll-behavior:contain!important;
      -webkit-overflow-scrolling:touch!important;
      padding-bottom:24px!important;
    }
  }
}
@media(max-width:680px){
  /* Keep the menu completely above the fixed bottom dock so its last action is never hidden. */
  .site-menu-panel{
    top:calc(var(--profi-header-h,62px) + 8px)!important;
    bottom:calc(64px + env(safe-area-inset-bottom,0px) + 18px)!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin;
    padding-bottom:24px!important;
  }
  .site-menu-panel nav{padding-bottom:4px!important}
  .site-menu-panel>.btn-wide{margin-bottom:2px!important}

  /* Close targets are moved to the lower-right for thumb reach on iPhone. */
  .modal-card{padding-bottom:68px!important}
  .modal-card>.modal-close:not(.video-form-close){top:auto!important;bottom:12px!important;right:14px!important;position:absolute!important;width:44px!important;height:44px!important;z-index:20!important}
  .video-form-head{position:relative!important;padding-bottom:54px!important}
  .video-form-close{top:auto!important;bottom:6px!important;right:0!important;position:absolute!important;width:44px!important;height:44px!important;z-index:20!important}
  .profi-tool-card{position:relative!important;padding-bottom:72px!important;max-height:calc(100svh - 24px)!important}
  .profi-tool-close{position:absolute!important;right:16px!important;bottom:14px!important;width:46px!important;height:46px!important;z-index:20!important}
  .profi-hub-card{position:relative!important;padding-bottom:74px!important;max-height:calc(100svh - 24px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  .hub-close{position:absolute!important;right:16px!important;bottom:14px!important;width:46px!important;height:46px!important;z-index:20!important}
  .photo-lightbox-close{position:fixed!important;right:14px!important;bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;top:auto!important;width:46px!important;height:46px!important;z-index:100!important}

  /* iOS/Safari: make the theme control a stable, directly tappable target. */
  .site-header .theme-header-control{
    -webkit-appearance:none!important;appearance:none!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:60020!important;
  }
  .site-header .theme-header-control *{pointer-events:none!important}
}

/* Compact 404 page — no oversized empty lower area. */
.profi-404{min-height:100svh;display:grid;place-items:center;padding:24px 16px;background:#fff}
.profi-404-card{width:min(420px,100%);text-align:center;padding:28px 20px;border:1px solid #f0ddd5;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(25,20,18,.08)}
.profi-404-card h1{margin:8px 0 18px;color:#17191c;font-size:clamp(26px,7vw,38px)}
.profi-404-card .btn{display:inline-flex}


/* V58.1 — keep the live chat close control thumb-friendly on iPhone without changing the bottom navigation. */
@media(max-width:680px){
  .live-chat{padding-bottom:56px!important;}
  .live-chat-head{position:relative!important;}
  .live-chat-head #liveChatClose{position:absolute!important;right:12px!important;bottom:-310px!important;width:44px!important;height:44px!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.38)!important;z-index:30!important;display:grid!important;place-items:center!important;line-height:1!important;}
  .live-chat-foot{margin-bottom:0!important;}
}



/* PROFI-RU V59 — CART / PAYMENT / MOBILE UX FINAL
   Do not alter the existing mobile bottom navigation geometry. */
.cart-icon-badge{position:relative;display:inline-grid;place-items:center;min-width:34px;min-height:34px}
.cart-count-badge{position:absolute;right:-9px;top:-9px;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff4d1f,#ff8a1f);color:#fff;font:900 11px/1 Manrope,Arial,sans-serif;border:2px solid #fff;box-shadow:0 5px 14px rgba(255,90,31,.30);font-variant-numeric:tabular-nums;z-index:3}
.market-cart-card{position:relative}
.market-cart-card #materialCartCount{font-variant-numeric:tabular-nums}

/* Cart modal: background remains usable while the cart itself stays interactive. */
.material-modal{align-items:flex-start!important;justify-items:center!important;pointer-events:none!important;padding:clamp(10px,2vw,22px)!important;padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
.material-modal.open{display:grid!important}
.material-modal::before{content:"";position:absolute;inset:0;background:rgba(10,16,22,.18);pointer-events:none}
.material-modal-card{position:relative;z-index:2;pointer-events:auto;width:min(760px,100%)!important;height:min(760px,calc(100vh - 104px))!important;max-height:calc(100vh - 104px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;border-radius:22px!important}
.material-modal-card>.section-title{position:sticky!important;top:0!important;z-index:5!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 18px!important;margin:0!important;background:inherit!important;border-bottom:1px solid rgba(120,130,140,.18)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.material-modal-card>.section-title>div{min-width:0;padding-right:4px}
.material-modal-card>.section-title h2{margin:2px 0 0!important;font-size:clamp(22px,4vw,30px)!important;line-height:1.1!important}
.material-modal-card>.section-title .modal-close{position:relative!important;right:auto!important;top:auto!important;flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0!important;display:grid!important;place-items:center!important}
#materialCartRows{flex:1 1 auto!important;overflow:auto!important;min-height:0!important;padding:4px 18px 8px!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
.material-modal-card>.cart-total{position:sticky!important;bottom:0!important;z-index:4!important;flex:0 0 auto!important;margin:0!important;padding:13px 18px!important;background:inherit!important;border-top:1px solid rgba(120,130,140,.18)!important}
.material-modal-card>.cart-form{flex:0 0 auto!important;padding:12px 18px calc(16px + env(safe-area-inset-bottom))!important;border-top:1px solid rgba(120,130,140,.18)!important}
.material-modal-card .cart-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:3px!important}
.material-modal-card .cart-actions .btn{min-height:48px!important;margin:0!important;width:100%!important}
.material-modal-card .cart-actions .btn-light,.material-modal-card .cart-actions .btn-accent{background:linear-gradient(135deg,#ff5a1f,#ff8a1f)!important;color:#fff!important;border-color:#ff5a1f!important;box-shadow:0 8px 20px rgba(255,90,31,.16)!important}
.material-cart-row{grid-template-columns:64px minmax(0,1fr) auto auto!important;gap:12px!important}
.material-cart-row>div:last-child{display:flex!important;gap:8px!important;align-items:center!important;white-space:nowrap!important}
.material-cart-row>div:last-child button{min-width:38px!important;min-height:38px!important}

/* Keep the rest of the page and its navigation clickable while the cart is open. */
.material-modal.open{touch-action:auto!important}
body.profi-locked{overflow:auto!important;position:static!important}

/* Payment block: centered, no overflow on narrow screens. */
.vip-payment-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;justify-content:center!important;max-width:760px!important;margin:0 auto!important}
.vip-section .vip-payment{min-width:0!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.vip-section .vip-payment b,.vip-section .vip-payment small{max-width:100%!important;text-align:center!important;overflow-wrap:anywhere!important}
.vip-section .vip-payment .btn{align-self:center!important;max-width:100%!important}
@media(max-width:620px){
  .material-modal{padding:8px!important;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .material-modal-card{width:100%!important;height:min(760px,calc(100vh - 94px))!important;max-height:calc(100vh - 94px)!important;border-radius:18px!important}
  .material-modal-card>.section-title{padding:12px 13px!important}
  #materialCartRows{padding-left:13px!important;padding-right:13px!important}
  .material-modal-card>.cart-total{padding-left:13px!important;padding-right:13px!important}
  .material-modal-card>.cart-form{padding-left:13px!important;padding-right:13px!important}
  .material-modal-card .cart-actions{grid-template-columns:1fr!important;gap:12px!important}
  .material-cart-row{grid-template-columns:52px minmax(0,1fr)!important;gap:9px!important}
  .material-cart-row>strong{grid-column:2!important}
  .material-cart-row>div:last-child{grid-column:2!important;justify-content:flex-start!important}
  .material-cart-row>div:last-child button{min-width:40px!important;min-height:40px!important}
  .vip-payment-grid{grid-template-columns:minmax(0,1fr)!important;max-width:430px!important;gap:12px!important}
}
@media(max-width:380px){.cart-count-badge{right:-7px;top:-7px;min-width:20px;height:20px;font-size:10px}.material-modal-card>.section-title h2{font-size:20px!important}}


/* PROFI-RU V60 — ecosystem navigation, remote control, community cloud, stable themes */
.eco-bar{position:relative;z-index:20;border-top:1px solid rgba(255,100,40,.12);border-bottom:1px solid rgba(255,100,40,.14);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.eco-bar-inner{display:flex;gap:8px;align-items:center;overflow:auto;padding:8px 0;scrollbar-width:none}.eco-bar-inner::-webkit-scrollbar{display:none}
.eco-bar-inner>a{font-size:10px;font-weight:850;color:#596771;white-space:nowrap;background:#fff;border:1px solid #e3e8eb;border-radius:999px;padding:7px 11px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;touch-action:manipulation}.eco-bar-inner>a:hover,.eco-bar-inner>a:focus-visible{transform:translateY(-1px);border-color:#ff7a42;color:#e84c1b;background:#fff8f4}.eco-bar-inner>a.eco-pill{color:#fff;background:linear-gradient(135deg,#161a1f,#303942);border-color:#161a1f;font-size:9px;letter-spacing:.07em}.eco-bar-inner>a.eco-home{cursor:pointer}
body.night-mode .eco-bar{background:rgba(7,18,27,.96);border-color:rgba(255,122,39,.20)}body.night-mode .eco-bar-inner>a{background:#10232d;color:#c7d8df;border-color:#2b4654}.night-mode .eco-bar-inner>a:hover,.night-mode .eco-bar-inner>a:focus-visible{background:#162e3b;color:#ff9a63;border-color:#ff7a42}.night-mode .eco-bar-inner>a.eco-pill{background:linear-gradient(135deg,#0c1218,#182b36);color:#ff9a63;border-color:#35505e}
.hero-remote-click{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.hero-remote-click:hover,.hero-remote-click:focus-visible{transform:translateY(-2px);box-shadow:0 18px 42px rgba(255,90,31,.16);outline:2px solid rgba(255,90,31,.28);outline-offset:3px}.hero-remote-click:focus-visible{outline-offset:5px}
.remote-camera-panel{margin-top:14px;padding:18px;border:1px solid #dce7ec;border-radius:22px;background:linear-gradient(145deg,#fff,#f5fbfd);box-shadow:0 16px 40px rgba(29,105,134,.08)}.remote-camera-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.remote-camera-head h3{margin:4px 0 5px}.remote-camera-head p{margin:0;color:#627781}.remote-camera-head .modal-close{width:42px;height:42px;flex:0 0 42px;border-radius:12px}.camera-preview-placeholder{min-height:230px;margin-top:14px;border-radius:18px;border:1px dashed #b9cbd3;background:linear-gradient(145deg,#eef7fa,#fff);display:grid;place-items:center;align-content:center;gap:5px;text-align:center;color:#55707c}.camera-preview-placeholder span{font-size:38px}.camera-preview-placeholder b{color:#203843}.camera-preview-placeholder small{max-width:420px}.camera-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0;color:#617681;font-size:12px}.vip-camera-view{min-height:210px}.vip-camera-view img{display:block;width:100%;max-height:440px;object-fit:contain;background:#07131b;border-radius:16px}.vip-card-head{display:flex;justify-content:space-between;gap:12px}.camera-live-dot{width:12px;height:12px;border-radius:50%;background:#9aa8ad;box-shadow:0 0 0 5px rgba(120,140,150,.10);margin-top:6px;flex:0 0 auto}.camera-live-dot.is-live{background:#2fbd69;box-shadow:0 0 0 5px rgba(47,189,105,.13),0 0 16px rgba(47,189,105,.40)}.camera-history{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.camera-history a{display:block;color:inherit;text-decoration:none}.camera-history img{display:block;width:100%;height:78px;object-fit:cover;border-radius:10px;border:1px solid #d9e4e8}.camera-history small{display:block;margin-top:3px;font-size:9px;color:#71828a}.calc-special-offer{margin:12px 0;padding:12px 14px;border:1px solid #f2c4ae;border-radius:15px;background:linear-gradient(145deg,#fff8f3,#fff);display:flex;align-items:center;justify-content:space-between;gap:12px}.calc-special-offer label{display:flex;align-items:flex-start;gap:10px;margin:0!important}.calc-special-offer label input{margin-top:4px;accent-color:#ff5a1f}.calc-special-offer label span{display:grid;gap:3px}.calc-special-offer label b{color:#20272d}.calc-special-offer label small,.calc-special-offer em{font-size:11px;color:#687881;font-style:normal}.calc-special-offer em{text-align:right;max-width:280px}.community-cloud{background:linear-gradient(180deg,#fff,#f8fbfc)}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.community-card{padding:20px;border:1px solid #dbe7eb;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(26,92,113,.07)}.community-icon{font-size:30px;display:block;margin-bottom:8px}.community-card h3{margin:0 0 7px;color:#172d37}.community-card p{color:#637781;min-height:42px}.partner-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.partner-card{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #e0e8eb;border-radius:16px;background:#fff}.partner-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#fff2ec}.partner-card b,.partner-card strong,.partner-card small,.partner-card a{display:block}.partner-card strong{margin-top:2px;color:#263d47}.partner-card small{margin-top:2px;color:#74858c}.partner-card a{margin-top:5px;color:#e95624;font-size:11px;text-decoration:none}.partner-board-empty{grid-column:1/-1;padding:18px;text-align:center;border:1px dashed #cfdcdf;border-radius:16px;color:#72838a}.partner-form{margin-top:14px;padding:16px;border-radius:20px;border:1px solid #dce7eb;background:#fff}.partner-form textarea{width:100%;min-height:90px;margin-top:10px}.partner-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
/* Theme switching must not move layout: transitions are limited to paint properties, not dimensions. */
html{scroll-behavior:smooth}body,body *{transition-property:background-color,border-color,color,box-shadow,opacity,filter!important;transition-duration:.22s;transition-timing-function:ease}body *{box-sizing:border-box}.site-header,.eco-bar,.desktop-nav,.hero,.section,.vip-section,.footer,.market-cart-card,.platform-card,.remote-card,.community-card{transform:none!important}.day-mode .remote-camera-panel,.day-mode .community-card,.day-mode .partner-form{color:#172d37}.night-mode .remote-camera-panel,.night-mode .community-card,.night-mode .partner-form{background:linear-gradient(145deg,#0d202b,#102c38);border-color:#2c4b59;color:#eaf8fc}.night-mode .remote-camera-head p,.night-mode .camera-meta,.night-mode .partner-board-empty,.night-mode .community-card p,.night-mode .partner-card small,.night-mode .calc-special-offer label small,.night-mode .calc-special-offer em{color:#b5cbd3}.night-mode .camera-preview-placeholder{background:#0a1a24;border-color:#385362;color:#b6cbd3}.night-mode .camera-preview-placeholder b{color:#eaf8fc}.night-mode .community-cloud{background:linear-gradient(180deg,#07131c,#0b202a)}.night-mode .partner-card{background:#10232d;border-color:#2c4b59}.night-mode .calc-special-offer{background:linear-gradient(145deg,#2b1d18,#18242a);border-color:#754431}.night-mode .calc-special-offer label b{color:#ffe7d9}
@media(max-width:720px){.community-grid,.partner-board{grid-template-columns:1fr}.calc-special-offer{display:grid}.calc-special-offer em{max-width:none;text-align:left}.camera-history{grid-template-columns:repeat(3,minmax(0,1fr))}.remote-camera-head{gap:8px}.remote-camera-panel{padding:13px}.eco-bar-inner{padding-left:8px;padding-right:8px}}
@media(max-width:460px){.camera-history{grid-template-columns:repeat(2,minmax(0,1fr))}.camera-history img{height:86px}.community-card{padding:15px}}

/* PROFI-RU V61 — CLIENT QUOTE REQUEST + OBJECT CLOUD LOCATION */
.vip-quote-card{grid-column:1/-1;padding:22px;border:1px solid rgba(255,122,31,.22);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,246,239,.88));box-shadow:0 16px 40px rgba(20,35,45,.08)}
.vip-quote-card .vip-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.vip-quote-form{display:grid;gap:13px;margin-top:15px}.vip-quote-form label{display:grid;gap:7px;font-weight:850;color:#17232c}.vip-quote-form .vip-input{width:100%;box-sizing:border-box}.vip-quote-form textarea{resize:vertical;min-height:120px}.quote-checks{display:flex;gap:10px;flex-wrap:wrap}.quote-checks label{display:flex;align-items:center;gap:8px;padding:11px 13px;border:1px solid #cbd5dc;border-radius:13px;background:#fff}.quote-checks input{width:20px;height:20px}.quote-file-drop{padding:15px;border:2px dashed #c7d1d8;border-radius:16px;background:#fff}.quote-file-drop input{font-size:15px}.quote-file-drop small{color:#566771}.quote-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.quote-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;border-radius:999px;background:#fff0e6;color:#d84f0c;font-size:12px;font-weight:900;white-space:nowrap}.quote-status-badge.answered{background:#e8f8ed;color:#18733b}.quote-status-badge.closed{background:#e9eef2;color:#475660}.quote-status-badge.in_progress{background:#eef4ff;color:#245b9e}.vip-quote-history{display:grid;gap:10px;margin-top:16px}.quote-history-row{padding:14px;border:1px solid rgba(100,115,125,.16);border-radius:16px;background:rgba(255,255,255,.76)}.quote-history-row>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.quote-history-row small{color:#687780}.quote-history-row p{margin:8px 0 0;line-height:1.5}.quote-manager-note{margin-top:10px;padding:11px 13px;border-radius:12px;background:#f2f8ff;border-left:4px solid #ff6a1f}.quote-manager-note p{margin:4px 0 0}.camera-location-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,122,31,.2);border-radius:15px;background:rgba(255,255,255,.72);margin:12px 0}.camera-location-box div{display:grid;gap:4px;min-width:0}.camera-location-box small{color:#53646e}.camera-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.vip-progress-extra{margin-top:15px;padding-top:12px;border-top:1px solid rgba(100,115,125,.15)}.vip-progress-extra small{display:block;margin-top:6px;color:#61717a}
@media(max-width:620px){.vip-quote-card{padding:15px}.vip-quote-card .vip-card-head,.camera-location-box{display:grid;grid-template-columns:1fr}.quote-actions .btn,.camera-actions .btn{width:100%}.quote-checks{display:grid;grid-template-columns:1fr}.quote-history-row>div:first-child{align-items:flex-start;flex-direction:column;gap:5px}}
.night-mode .vip-quote-card{background:linear-gradient(145deg,#0c202b,#102c38);border-color:rgba(255,140,52,.28);color:#eefaff}.night-mode .vip-quote-form label,.night-mode .quote-checks label{color:#eefaff}.night-mode .quote-checks label,.night-mode .quote-file-drop,.night-mode .camera-location-box,.night-mode .quote-history-row{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.13)}.night-mode .quote-file-drop small,.night-mode .camera-location-box small,.night-mode .quote-history-row small,.night-mode .vip-progress-extra small{color:#b4c9d2}.night-mode .quote-manager-note{background:#0b2534;color:#eefaff}.night-mode .vip-quote-card .vip-input{background:#0b1b24;color:#f3fbff;border-color:#315262}

/* PROFI-RU V62 — permanent top call control
   The existing mobile bottom navigation is intentionally untouched. */
.site-header{position:sticky!important;top:0!important;z-index:50000!important}
.site-header .header-actions{align-items:center!important}
.site-header .phone-header-call{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-height:38px!important;height:38px!important;padding:0 10px!important;
  border:1px solid rgba(34,155,70,.28)!important;border-radius:12px!important;
  background:rgba(244,255,247,.98)!important;color:#17221a!important;
  text-decoration:none!important;font-weight:900!important;font-size:13px!important;line-height:1!important;
  white-space:nowrap!important;box-shadow:0 5px 15px rgba(20,130,55,.10)!important;
  -webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;
}
.site-header .phone-header-call:hover{transform:translateY(-1px)!important;border-color:rgba(34,155,70,.5)!important}
.site-header .phone-header-call:active{transform:scale(.97)!important}
.phone-header-icon{width:25px!important;height:25px!important;display:grid!important;place-items:center!important;flex:0 0 25px!important;border-radius:50%!important;background:#20a84b!important;color:#fff!important;box-shadow:0 4px 12px rgba(32,168,75,.28)!important}
.phone-header-icon svg{width:15px!important;height:15px!important;fill:currentColor!important;display:block!important}
.phone-header-number{font-variant-numeric:tabular-nums!important;letter-spacing:-.02em!important}
body.night-mode .site-header .phone-header-call{background:rgba(13,39,27,.96)!important;border-color:rgba(72,201,111,.38)!important;color:#eafff0!important}
body.night-mode .site-header .phone-header-icon{background:#28b955!important;color:#fff!important}
/* Keep the phone control in the same compact visual family as theme/language/menu. */
@media(min-width:1101px){
 .site-header .phone-header-call{min-width:168px!important}
}
@media(max-width:1100px){
 .site-header .phone-header-call{width:40px!important;min-width:40px!important;flex:0 0 40px!important;padding:0!important;border-radius:12px!important}
 .site-header .phone-header-number{display:none!important}
}
@media(max-width:680px){
 .site-header .phone-header-call{display:inline-flex!important;width:36px!important;min-width:36px!important;height:38px!important;flex-basis:36px!important;border-radius:11px!important}
 .site-header .phone-header-icon{width:25px!important;height:25px!important;flex-basis:25px!important}
 .site-header .header-actions{gap:3px!important}
}
@media(max-width:390px){
 .site-header .phone-header-call{width:34px!important;min-width:34px!important;height:36px!important;flex-basis:34px!important}
 .site-header .phone-header-icon{width:23px!important;height:23px!important;flex-basis:23px!important}
 .phone-header-icon svg{width:14px!important;height:14px!important}
}
/* Accessibility: make the call target obvious to keyboard and touch users. */
.site-header .phone-header-call:focus-visible{outline:3px solid rgba(32,168,75,.38)!important;outline-offset:2px!important}

/* PROFI-RU V64 — TOP HEADER / MENU / QUICK ACTIONS precision pass
   Preserve the existing mobile bottom navigation geometry. */
.site-header .header-inner,.site-header .header-brand-row{overflow:visible!important}
.site-header .header-actions{position:relative!important;z-index:60010!important}
/* Keep the phone visibly present in the upper header wherever the header has room. */
.site-header .phone-header-call{visibility:visible!important;opacity:1!important;position:relative!important;z-index:60020!important}
@media(min-width:1101px){
  .site-header .brand-wordmark{transform:translateX(1%)!important;transform-origin:left center!important}
  .site-header .brand-wordmark img{width:66px!important;height:66px!important;flex-basis:66px!important}
  .site-header .brand-title{font-size:clamp(29px,3.15vw,48px)!important;letter-spacing:-.045em!important}
  .site-header .phone-header-call{min-width:180px!important;height:40px!important;font-size:13px!important}
}
@media(min-width:901px) and (max-width:1100px){
  .site-header .brand-wordmark{transform:translateX(1%)!important}
  .site-header .brand-wordmark img{width:60px!important;height:60px!important;flex-basis:60px!important}
  .site-header .brand-title{font-size:clamp(24px,3vw,34px)!important}
  .site-header .phone-header-call{width:auto!important;min-width:126px!important;flex:0 1 auto!important;padding:0 8px!important;font-size:11px!important}
  .site-header .phone-header-number{display:inline!important}
}
@media(min-width:681px) and (max-width:900px){
  .site-header .brand-wordmark img{width:56px!important;height:56px!important;flex-basis:56px!important}
  .site-header .brand-title{font-size:clamp(20px,3.1vw,28px)!important}
  .site-header .phone-header-call{width:42px!important;min-width:42px!important;flex-basis:42px!important;padding:0!important}
  .site-header .phone-header-number{display:none!important}
}
@media(max-width:680px){
  .site-header .brand-wordmark{transform:translateX(0)!important}
  .site-header .brand-wordmark img{width:36px!important;height:36px!important;flex-basis:36px!important}
  .site-header .brand-title{font-size:clamp(11px,3.35vw,15px)!important}
  .site-header .phone-header-call{display:inline-flex!important;visibility:visible!important;opacity:1!important}
}

/* Instant menu: no perceptible waiting or easing lag on open/close. */
.site-menu{transition:none!important;will-change:opacity,visibility!important}
.site-menu.open{transition:none!important}
.site-menu-panel{transition:none!important;animation:none!important;will-change:auto!important}
.site-menu:not(.open) .site-menu-panel{transform:none!important;opacity:0!important}
.site-menu.open .site-menu-panel{transform:none!important;opacity:1!important}
.site-menu-backdrop{transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-menu-panel nav{gap:5px!important}
.site-menu-panel nav a{font-size:clamp(14px,1.25vw,16px)!important;padding:10px 11px!important;line-height:1.18!important}
.site-menu-head{font-size:clamp(17px,1.6vw,20px)!important;margin-bottom:10px!important}
.site-menu-head strong{font-size:clamp(18px,1.7vw,21px)!important}
.menu-accordion-toggle{min-height:42px!important;padding:9px 11px!important}
.site-menu-panel>.btn-wide{margin-top:8px!important}
@media(max-width:680px){
  .site-menu-panel nav a{font-size:14px!important;padding:9px 10px!important}
  .site-menu-head{margin-bottom:8px!important}
  .site-menu-head button{width:42px!important;height:42px!important}
  .site-menu-panel{padding:14px!important}
}

/* Quick floating chat/request actions: unified PROFI-RU orange in day mode and compact. */
body.day-mode .chat-fab,body.day-mode .live-chat-launch{
  background:linear-gradient(135deg,#ff4f1f,#ff8a1f)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.72)!important;
  box-shadow:0 12px 30px rgba(255,90,31,.30)!important;
}
body.day-mode .chat-fab{width:50px!important;height:50px!important;font-size:18px!important}
body.day-mode .live-chat-launch{padding:10px 13px!important;font-size:12px!important}
@media(max-width:680px){
  body.day-mode .chat-fab{right:14px!important;bottom:80px!important;width:48px!important;height:48px!important}
  body.day-mode .live-chat-launch{right:12px!important;bottom:78px!important;padding:9px 12px!important}
}

/* Live-chat close: stable, visible, thumb-friendly placement inside the window. */
@media(max-width:680px){
  .live-chat{padding-bottom:0!important}
  .live-chat-head{padding-right:62px!important}
  .live-chat-head #liveChatClose{position:absolute!important;right:10px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;z-index:35!important;border-radius:12px!important;background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.52)!important;display:grid!important;place-items:center!important;font-size:25px!important;line-height:1!important}
}

/* General small-screen rhythm: leave a little breathing room before the fixed bottom navigation. */
@media(max-width:680px){
  main,.footer{padding-bottom:84px!important}
  .section:last-child{padding-bottom:92px!important}
}