/* MSW 360 v0.7.1 — main page visual alignment with portal article design.
 * Non-destructive layer over the separate MSW Mega Portal 360 theme CSS.
 * All adjustments are scoped by this file loading only on the portal homepage. */
:root{
  --navy:#102b38;--ink:#19333e;--muted:#647b82;--blue:#0ca774;
  --blue-deep:#087853;--mint:#91edba;--paper:#f5faf8;--line:#dce9e4;
}
html{scroll-padding-top:86px}
body{background:#f5faf8;color:#203d48}
.container{width:min(1400px,calc(100% - 76px))}
/* Navigation shared with article design — single compact logo, consistent wordmark. */
.announcement{background:#081a24!important;border-color:#163240!important;color:#b8dbcf!important}
.announcement a,.announcement strong{color:#91edba!important}
.header{background:rgba(9,28,39,.98)!important;color:#f0faf7!important;
  border-bottom:1px solid #24434c!important;box-shadow:0 12px 28px rgba(4,13,20,.15)!important}
.header .navrow{min-height:76px!important;gap:clamp(9px,1.5vw,23px);max-width:100%}
.header .brand{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:255px;text-decoration:none}
.header .brand-logo{display:block!important;width:42px!important;height:42px!important;
  max-width:42px!important;max-height:42px!important;min-width:42px!important;
  flex:0 0 42px!important;object-fit:contain!important;border-radius:10px!important;
  background:#fff!important;box-shadow:0 0 0 1px #8bcbb37b!important}
.header .brand-copy{min-width:0;font-size:9px;line-height:1.34;color:#abd3ca;white-space:nowrap}
.header .brand-copy strong{color:#eafff6!important}
.header .brand-copy b{font-size:clamp(12px,1.15vw,16px);color:#fff!important}
.header .brand-copy em{color:#92edb9!important}
.header .navlinks{gap:clamp(10px,1.25vw,20px)}
.header .navlinks a{color:#d0e7e3!important;font-size:12px}
.header .navlinks a:hover,.header .navlinks a:focus-visible{color:#95efc2!important}
.header .nav-phone,.header .nav-phone span{color:#ccefe0!important}
.header .nav-cta{background:#10b776!important;color:#072d22!important;border-radius:9px;
  box-shadow:none;font-weight:900}
.header .nav-cta:hover{background:#7cf2ae!important}
.header .hamb{color:#e5faf4!important}
.header .hamb span{background:#e5faf4!important}
/* Deep-navy control-room hero matching article pages. */
.hero{color:#f3fffa!important;background:radial-gradient(circle at 12% 18%,#2a595350,transparent 39%),
  radial-gradient(circle at 90% 48%,#146b5b32,transparent 45%),linear-gradient(140deg,#112c39 0%,#081b27 75%,#0a222b 100%)!important;
  border:0!important;overflow:hidden}
.hero-atmosphere{background:radial-gradient(650px 430px at 91% 0%,#2e7b6955,transparent 76%)!important}
.hero-atmosphere:before{opacity:.24!important;background:repeating-linear-gradient(45deg,transparent 0 18px,#8ccfbb20 18px 19px)!important}
.hero .hero-stage{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;
  column-gap:clamp(22px,3vw,48px)!important;align-items:start!important;padding-top:56px!important;padding-bottom:46px!important;
  max-width:100%}
.hero .hero-content{min-width:0}
.hero .hero-kicker{color:#a0ecc6!important}
.hero .hero-kicker-dot{background:#73e6ad!important;box-shadow:0 0 0 5px #4ad39920!important}
.hero .hero-kicker-tail{color:#a3c5c0!important}
.hero h1{color:#f4fffa!important;font-weight:900;font-size:clamp(43px,4.5vw,72px)!important;
  line-height:1.07;letter-spacing:-.062em}
.hero h1 .hero-strong{color:#83eab2!important}
.hero h1 em{color:#f4fffa!important}
.hero h1 em:after{background:#22bc83!important}
.hero .hero-description,.hero .hero-description strong{color:#c6d8d8!important}
.hero .hero-description strong{color:#edfff8!important}
.hero .hero-search-label{color:#c7eadd!important}
.hero .step-stamp{background:#129968!important;color:#fff}
.hero .smart-form{max-width:100%!important;min-width:0}
.hero .smart-input-wrap{display:flex!important;align-items:center;gap:9px;background:#fff!important;
  border:2px solid #b5d6cc!important;border-radius:14px!important;max-width:100%;min-width:0;
  padding:8px!important;min-height:67px!important;box-shadow:0 16px 40px #00141d66!important}
.hero .smart-input-wrap:focus-within{border-color:#27c78c!important;box-shadow:0 0 0 4px #17a67427!important}
.hero .smart-search-icon{color:#14845e!important;flex:0 0 32px!important;min-width:32px}
.hero .smart-input-wrap input{min-width:0!important;max-width:100%;flex:1 1 220px!important;
  color:#173743!important;background:#fff!important;font-size:clamp(13px,1.2vw,16px)!important;
  padding:10px 3px!important;min-height:42px!important}
.hero .smart-input-wrap input::placeholder{color:#667f82!important;opacity:1}
.hero .smart-submit{align-self:stretch!important;flex:0 0 auto!important;min-height:48px!important;
  background:#0aad72!important;color:#062c22!important;border-radius:9px!important;
  font-size:clamp(11px,1vw,13px)!important;padding:9px 13px!important;
  box-shadow:none!important;white-space:nowrap}
.hero .smart-submit:hover{background:#60ebb0!important}
.hero .smart-submit span{color:#103c2b!important}
.hero .smart-helper{color:#a7c9c3!important}
.hero .smart-suggestions{border-color:#c4ded4!important}
.hero .prompt-pills>span{color:#c7d9d6!important}
.hero .prompt-pills button{background:#183a44!important;color:#d7f5eb!important;border-color:#336055!important}
.hero .prompt-pills button:hover{background:#275c52!important}
.hero .hero-shortcut-primary{background:#0aab71!important;color:#062e23!important}
.hero .hero-shortcut-primary:hover{background:#6cedad!important}
.hero .hero-shortcut-secondary{color:#93efbb!important;border-color:#54967b!important}
.hero .hero-guarantees{border-color:#47706477!important}
.hero .hero-guarantees span{color:#add8ca!important}
/* Keep the contact panel above the illustration, never overlapping the photo/search. */
.hero .hero-showcase,.hero .hero-showcase:has(.dispatch-panel.is-matched){
  position:relative;min-width:0;max-width:100%;height:auto!important;min-height:0!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(185px,235px)!important;gap:17px!important;
  align-items:start!important;margin:0!important}
.hero .hero-showcase .dispatch-panel,.hero .hero-showcase .dispatch-panel.is-matched{
  position:relative!important;inset:auto!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;
  grid-column:1!important;grid-row:1!important;width:100%!important;max-width:100%!important;
  min-width:0!important;min-height:0!important;margin:0!important;border-radius:18px!important;
  box-shadow:0 22px 48px #03141d48!important;border:1px solid #c9ddd5!important;overflow:hidden!important;
  background:#fff!important}
.hero .hero-showcase .dispatch-top{background:#eef8f3!important;border-color:#dcefe5!important}
.hero .hero-showcase .dispatch-top-left{color:#246a52!important}
.hero .hero-showcase .flow-mark{background:#d2f4e1!important;color:#087c56!important}
.hero .hero-showcase .dispatch-inner{padding:clamp(16px,2vw,24px)!important}
.hero .hero-showcase .dispatch-heading-small{color:#147651!important}
.hero .hero-showcase .dispatch-match .micro-label{color:#58776b!important}
.hero .hero-showcase .quick-consent{background:#edf8f3!important;border-color:#cde9dc!important}
.hero .hero-showcase .channel-call{background:#e7f5ed!important;color:#17583b!important;border-color:#c7e5d4!important}
.hero .hero-showcase .channel-wa{background:#ecfff4!important;color:#137246!important;border-color:#bce6cd!important}
.hero .hero-showcase .channel-tg{background:#edf7f7!important;color:#145f68!important;border-color:#c9e4e6!important}
.hero .hero-showcase .status-indicator{color:#10996a!important}
.hero .hero-showcase .showcase-art{grid-column:1!important;grid-row:2!important;
  position:relative!important;inset:auto!important;top:auto!important;right:auto!important;
  width:100%!important;height:100%!important;min-height:185px!important;max-height:235px!important;
  border-radius:16px!important;background-size:cover!important;background-position:center 55%!important;
  box-shadow:0 12px 30px #06192665!important}
.hero .hero-showcase .showcase-art::after{background:linear-gradient(110deg,#071b26a9,transparent 75%)!important}
.hero .hero-showcase .showcase-overlay{position:absolute;top:20px;left:21px;right:19px;gap:6px;max-width:390px}
.hero .hero-showcase .showcase-overlay strong{font-size:clamp(18px,2vw,24px)!important}
.hero .hero-showcase .showcase-overlay small{font-size:11px!important;max-width:340px}
.hero .hero-showcase .showcase-index{display:none!important}
.hero .hero-under{border-color:#2c5153!important}
.hero .hero-under strong{color:#84ecc0!important}
.hero .hero-under span,.hero .hero-under small{color:#c0d7d2!important}
.hero .hero-under a{color:#83edb9!important}
/* Tie cards and other sections into the blog's light mint body. */
.featured-section,.defects-section,#uslugi,.process-section{background:#fff!important}
.trust-strip,.wizard-section,.tools-section,.site-section{background:#f2f8f5!important}
.trust-strip{border-color:#dcebe5!important}
.trust-icon{background:#e3f6ec!important;color:#0f9464!important}
.trust-copy b,.trust-partners span{color:#2b5647!important}
.section-heading h2,.wizard-intro h2,.defect-heading h2,.featured-intro h2{color:#163642!important}
.section-heading h2 em,.wizard-intro h2 em,.defect-heading h2 span,.featured-intro h2 em,
.overline,.featured-intro .overline,.featured-all,.step-stamp,.defect-heading-aside b,
.defect-heading-aside a,.status:not(.future),.tc-end b{color:#0b9b6a!important}
.featured-all,.defect-heading-aside,.wizard-badge,.v12-guide-intro{background:#edfaf3!important;border-color:#c6e8d7!important}
.featured-card:focus-visible,.tool-card:focus-visible{outline-color:#2fc88d!important}
.featured-open b{color:#0d5743!important}
.wizard-result-panel{background:#173a45!important;color:#e5faf2!important}
.wizard-full,.site-tab.current,.wizard-progress .current,.nav-cta{background-color:#13ab76!important}
.wizard-full:hover{background:#138b63!important}
.wizard-form-panel,.searchpanel,.tool-card,.defect-card,.process-card{border-color:#d9e8e1!important}
#uslugi .branch-card:hover,.tool-card:hover{border-color:#65caa1!important}
.contact-section{background:linear-gradient(125deg,#eaf7ef,#f8fbf9 70%)!important}
.footer{background:#0d2330!important}
.footer .editorial-note{color:#a5c4ba!important}
/* Current standalone photo module: preserve real picker and present matching dark/mint visuals. */
#msw-unified-photo{background:#f4fbf7!important;border-color:#c0e5d0!important;color:#193f35!important;max-width:100%;overflow-wrap:break-word}
#msw-unified-photo h3{color:#173e33!important}
#msw-unified-photo .msw-up-action{background:#0b9e6c!important}
#msw-unified-photo .msw-up-action.msw-up-alt{background:#164855!important}
#msw-unified-photo .msw-up-direct{background:#edf8f3!important;border-color:#13684c!important}
#msw-unified-photo .msw-up-direct label{color:#174936!important}
#msw-unified-photo .msw-up-direct input[type=file]{max-width:100%!important;min-width:0!important}
#msw-unified-photo #mswp-openai-button{background:#105d46!important}
#msw-unified-photo .msw-simple-consent{border:1px solid #bbe3d0;background:#eaf8f0;border-radius:12px;
  padding:14px;margin:13px 0;display:grid;gap:11px;font-size:14px;font-weight:500;line-height:1.5;color:#20483d}
#msw-unified-photo .msw-simple-consent strong{display:block;color:#0c593d;font-size:14px}
#msw-unified-photo .msw-simple-consent select{display:block;width:100%;max-width:100%;min-width:0;
  padding:10px;font-size:14px;min-height:44px;border:1px solid #9ec5b6;border-radius:8px;background:#fff;color:#183b32}
#msw-unified-photo .msw-simple-consent label.msw-single-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:#1e4538;margin:0}
#msw-unified-photo .msw-single-consent input{flex:0 0 18px;width:18px;min-width:18px;height:18px;margin:3px 0 0;accent-color:#0e9967}
#msw-unified-photo .msw-consent-hint{font-size:12px!important;color:#537669!important;margin:0!important}
#msw-unified-photo .msw-provider-hidden{display:none!important}
#msw-unified-photo .msw-extra-ai{margin:18px 0 5px;border-top:1px solid #d1e6da;padding-top:10px}
#msw-unified-photo .msw-extra-ai summary{cursor:pointer;font-weight:800;color:#1e604b;padding:8px 0}
#msw-unified-photo .msw-extra-ai[open]{padding-bottom:15px}
/* At 1180px prefer a true single-column form; at 800px photo+dispatch can sit side by side. */
@media(max-width:1180px){
 .header .navlinks{background:#102c39!important;border-color:#2e5553!important}
 .header .navlinks a{color:#e4f7f1!important;border-color:#315452!important}
 .hero .hero-stage{grid-template-columns:minmax(0,1fr)!important;gap:26px!important;max-width:880px}
 .hero .hero-showcase{display:grid!important;grid-template-columns:minmax(0,.7fr) minmax(0,1fr)!important;
   grid-template-rows:auto!important;align-items:stretch!important;gap:18px!important}
 .hero .hero-showcase .dispatch-panel{grid-column:2!important;grid-row:1!important}
 .hero .hero-showcase .showcase-art{grid-column:1!important;grid-row:1!important;
   min-height:300px!important;max-height:none!important;height:auto!important}
 .hero .hero-showcase .showcase-overlay{top:18px;left:16px;right:16px}
 .hero .hero-showcase .showcase-overlay strong{font-size:20px!important}
}
@media(max-width:720px){
 .container{width:calc(100% - 30px)!important;max-width:100%}
 .header .navrow{min-height:68px!important;gap:8px}
 .header .brand-logo{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;max-height:36px!important;flex-basis:36px!important}
 .header .brand-copy b{font-size:12px!important}
 .header .brand-copy strong{font-size:8px!important}
 .header .nav-phone{display:none!important}
 .header .nav-cta{font-size:10px!important;padding:10px!important}
 .hero .hero-stage{padding-top:29px!important;padding-bottom:34px!important;gap:21px!important;max-width:100%}
 .hero h1{font-size:clamp(35px,9.5vw,49px)!important;line-height:1.07}
 .hero .hero-description{font-size:14px!important}
 .hero .smart-input-wrap{display:flex!important;flex-wrap:wrap!important;padding:9px!important;gap:5px!important;min-height:0!important}
 .hero .smart-search-icon{width:30px!important;flex-basis:30px!important}
 .hero .smart-input-wrap input{flex:1 1 calc(100% - 42px)!important;min-width:0!important;
   width:calc(100% - 42px)!important;font-size:16px!important;min-height:44px!important;padding:7px 2px!important}
 .hero .smart-submit{flex:1 0 100%!important;width:100%!important;min-height:49px!important;
   margin:4px 0 0!important;justify-content:center!important;white-space:normal}
 .hero .hero-showcase{display:flex!important;flex-direction:column!important;gap:14px!important}
 .hero .hero-showcase .dispatch-panel{order:1!important;width:100%!important;max-width:100%!important;min-width:0!important}
 .hero .hero-showcase .showcase-art{order:2!important;flex:0 0 auto!important;width:100%!important;
   min-height:205px!important;max-height:250px!important;height:210px!important;border-radius:14px!important}
 .hero .hero-showcase .showcase-overlay{top:15px;left:16px;right:16px;gap:7px}
 .hero .hero-showcase .showcase-overlay strong{font-size:19px!important}
 .hero .hero-showcase .showcase-overlay small{font-size:10px!important}
 .hero .hero-showcase .dispatch-inner{padding:16px!important}
 .hero .hero-showcase .dispatch-top{padding:11px 14px!important}
 .hero .hero-guarantees{gap:8px!important}
 .hero .hero-under{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #msw-unified-photo .msw-up-actions{flex-direction:column!important}
 #msw-unified-photo .msw-up-action{min-width:0!important;flex-basis:auto!important;width:100%!important}
 #msw-unified-photo .msw-up-direct{flex-basis:auto!important;width:100%!important}
}
@media(max-width:385px){
 .header .brand{gap:6px!important;max-width:174px}
 .header .brand-copy b{font-size:11px!important}
 .header .nav-cta{display:none!important}
 .hero h1{font-size:35px!important}
 .hero .hero-showcase .showcase-art{min-height:180px!important;height:185px!important}
}
@media(prefers-reduced-motion:reduce){.hero .showcase-art,.hero .smart-submit{transition:none!important;animation:none!important}}

/* V0.7.3: keep ALL obsolete photo adapters invisible while retaining unrelated catalog/price tools. */
#msw-native-photo,#mswai-photo-panel,#msw-unified-photo,#mswlocal-camera-wrap,
#msw-mobile-121,#msw-camera-113 {display:none!important}
#msw-modern-photo {max-width:100%;min-width:0;margin:17px 0 12px}
.hero .msw-snap h2{font-size:clamp(18px,2.1vw,23px)!important;letter-spacing:-.035em!important;margin:3px 0 5px!important;line-height:1.2!important;color:#153f36!important}
@media(max-width:700px){#msw-modern-photo{margin:11px 0 8px}.hero .msw-snap{padding:14px!important}}