[data-ui-component="Section Main Article"]:has(.ecomain-shelly-case),[data-ui-component="Section Main Article"]:has(.ecomain-shelly-case) article,[data-ui-component="Section Main Article"]:has(.ecomain-shelly-case) .clm.m-auto{width:100%!important;max-width:none!important}[data-ui-component="Section Main Article"]:has(.ecomain-shelly-case) .clm.m-auto{--w-xs: 100% !important}.ecomain-shelly-case{width:100%;max-width:none;margin:0;padding:0}.ecomain-shelly-case .hero,.ecomain-shelly-case .case-layout{width:100%}.ecomain-shelly-case{--ink: #444d9e;--muted: #444d9e;--line: #daddf0;--panel: #f7f7fc;--accent: #444d9e;--white: #fff;--accent-dark: #343b7c;--soft: #f0f1fa;--page-bg: #ffffff;--heading-font: Muli, sans-serif;--body-font: Figtree, sans-serif }.ecomain-shelly-case *{box-sizing:border-box}.ecomain-shelly-case{margin:0;font-family:var(--body-font);font-size:18px;line-height:1.5;color:var(--ink);background:var(--page-bg);-webkit-font-smoothing:antialiased}.ecomain-shelly-case img{display:block;max-width:100%;height:auto}.ecomain-shelly-case a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}.ecomain-shelly-case .site-header{border-bottom:1px solid var(--line);background:var(--white);position:sticky;top:0;z-index:10}.ecomain-shelly-case .nav{max-width:1500px;margin:0 auto;padding:16px 60px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ecomain-shelly-case .brand{font-family:var(--heading-font);font-weight:700;font-size:21px}.ecomain-shelly-case .nav-links{display:flex;align-items:center;gap:20px;font-size:14px;color:var(--muted)}.ecomain-shelly-case .nav-links a{color:var(--muted);text-decoration:none}.ecomain-shelly-case .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 24px;border-radius:12px;border:1px solid var(--accent);background:var(--accent);color:var(--white);font-family:var(--heading-font);font-weight:700;text-decoration:none;line-height:1.2;white-space:nowrap}.ecomain-shelly-case .button.secondary{color:var(--ink);background:var(--white);border-color:var(--ink)}.ecomain-shelly-case .hero{background:var(--panel);border-bottom:1px solid var(--line)}.ecomain-shelly-case .hero-inner{max-width:1500px;margin:0 auto;padding:64px 60px 40px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:44px;align-items:center}.ecomain-shelly-case .eyebrow{margin:0 0 14px;color:var(--ink);font-family:var(--heading-font);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ecomain-shelly-case h1,.ecomain-shelly-case h2,.ecomain-shelly-case h3{margin:0 0 16px;font-family:var(--heading-font);font-weight:700;color:var(--ink);letter-spacing:0}.ecomain-shelly-case h1{max-width:920px;font-size:clamp(40px,5vw,56px);line-height:1.1}.ecomain-shelly-case h2{font-size:36px;line-height:1.1}.ecomain-shelly-case h3{margin-top:28px;font-size:28px;line-height:1.15}.ecomain-shelly-case p{margin:0 0 16px}.ecomain-shelly-case .lead{margin:22px 0 0;max-width:700px;color:var(--ink);font-size:18px}.ecomain-shelly-case .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ecomain-shelly-case .hero-media,.ecomain-shelly-case .card,.ecomain-shelly-case .tag-card,.ecomain-shelly-case .figure-card,.ecomain-shelly-case .cta,.ecomain-shelly-case .toc,.ecomain-shelly-case .table-wrap{border:1px solid var(--line);border-radius:12px;background:var(--white)}.ecomain-shelly-case .hero-media{overflow:hidden;border-color:transparent;background:transparent;box-shadow:none}.ecomain-shelly-case .hero-media img{width:100%;aspect-ratio:3 / 4;object-fit:contain;background:transparent}.ecomain-shelly-case .media-caption{padding:14px 16px;color:var(--muted);font-size:14px;border-top:1px solid var(--line);background:var(--white)}.ecomain-shelly-case .tag-band{max-width:1500px;margin:0 auto;padding:0 60px 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ecomain-shelly-case .tag-card{padding:18px;min-height:126px}.ecomain-shelly-case .tag-title{margin:0 0 14px;font-family:var(--heading-font);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ecomain-shelly-case .chips{display:flex;flex-wrap:wrap;gap:10px}.ecomain-shelly-case .chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 14px;border-radius:999px;background:var(--panel);color:var(--ink);font-family:var(--heading-font);font-size:14px;font-weight:700}.ecomain-shelly-case .case-layout{max-width:1500px;margin:0 auto;padding:50px 60px 80px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:54px}.ecomain-shelly-case .toc{align-self:start;position:sticky;top:84px;padding:18px;background:var(--panel);font-size:14px}.ecomain-shelly-case .toc strong{display:block;margin-bottom:10px;font-family:var(--heading-font);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ecomain-shelly-case .toc a{display:block;padding:7px 0;color:var(--muted);text-decoration:none;border-top:1px solid var(--line)}.ecomain-shelly-case section{margin-top:56px;scroll-margin-top:100px}.ecomain-shelly-case section:first-child{margin-top:0}.ecomain-shelly-case .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.ecomain-shelly-case .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.ecomain-shelly-case .upgrade-comparison{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:16px;align-items:center;margin-top:22px}.ecomain-shelly-case .upgrade-arrow{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:var(--accent);color:var(--white);font-family:var(--heading-font);font-size:28px;font-weight:700;box-shadow:0 12px 24px #444d9e1f}.ecomain-shelly-case .card{padding:20px;background:var(--panel)}.ecomain-shelly-case .card strong{display:block;margin-bottom:8px;font-family:var(--heading-font);font-weight:700}.ecomain-shelly-case .card p{margin:0;color:var(--muted);font-size:15px}.ecomain-shelly-case .resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.ecomain-shelly-case .resource-card{min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:18px;text-decoration:none;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease}.ecomain-shelly-case a.resource-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #444d9e21}.ecomain-shelly-case .product-visual{display:flex;align-items:center;justify-content:center;min-height:170px;margin:-4px -4px 6px;border-radius:10px;background:var(--white);border:1px solid var(--line);overflow:hidden}.ecomain-shelly-case .product-visual img{width:100%;height:170px;object-fit:contain;background:var(--white)}.ecomain-shelly-case .product-visual.app-visual img{object-fit:cover;object-position:center}.ecomain-shelly-case .resource-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ecomain-shelly-case .qr-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ecomain-shelly-case .qr-box{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--white);text-align:center}.ecomain-shelly-case .qr-box img{width:100%;max-width:132px;margin:0 auto 8px;aspect-ratio:1 / 1;object-fit:contain}.ecomain-shelly-case .qr-box span{display:block;color:var(--muted);font-size:13px}.ecomain-shelly-case .figure-card{overflow:hidden;box-shadow:0 12px 28px #444d9e14}.ecomain-shelly-case .figure-card img{width:100%;aspect-ratio:16 / 10;object-fit:contain;background:var(--white)}.ecomain-shelly-case .figure-card.tall img{aspect-ratio:3 / 4}.ecomain-shelly-case .figure-card.square img{aspect-ratio:1 / 1}.ecomain-shelly-case .figure-card.wide img{aspect-ratio:auto;object-fit:contain;padding:0}.ecomain-shelly-case .solution-support{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:16px;margin-top:16px;align-items:stretch}.ecomain-shelly-case .solution-cards{display:grid;gap:16px}.ecomain-shelly-case .figure-card figcaption{padding:13px 16px;color:var(--muted);font-size:14px;border-top:1px solid var(--line);background:var(--white)}.ecomain-shelly-case .note{margin:20px 0;padding:18px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:var(--panel)}.ecomain-shelly-case .open-platform-note{margin-top:24px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:0 12px 28px #444d9e14}.ecomain-shelly-case .open-platform-note strong{display:block;margin-bottom:8px;font-family:var(--heading-font);font-weight:700;color:var(--ink)}.ecomain-shelly-case .open-platform-note p{color:var(--muted)}.ecomain-shelly-case .table-wrap{overflow-x:auto;margin:22px 0}.ecomain-shelly-case table{width:100%;min-width:680px;border-collapse:collapse;background:var(--white);font-size:15px}.ecomain-shelly-case th,.ecomain-shelly-case td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.ecomain-shelly-case th{background:var(--panel);font-family:var(--heading-font);font-weight:700;color:var(--ink)}.ecomain-shelly-case tr:last-child td{border-bottom:0}.ecomain-shelly-case details{border-top:1px solid var(--line);padding:18px 0}.ecomain-shelly-case details:last-child{border-bottom:1px solid var(--line)}.ecomain-shelly-case summary{cursor:pointer;font-family:var(--heading-font);font-weight:700;font-size:17px}.ecomain-shelly-case details p{margin-top:12px;color:var(--muted)}.ecomain-shelly-case .cta{margin-top:56px;padding:30px;background:var(--ink);color:var(--white)}.ecomain-shelly-case .cta h2{color:var(--white)}.ecomain-shelly-case .cta p{color:#ffffffdb;max-width:680px}.ecomain-shelly-case .cta .button{background:var(--accent);border-color:var(--accent);color:var(--white)}.ecomain-shelly-case .cta .button.secondary{color:var(--white);background:transparent;border-color:#ffffff6b}.ecomain-shelly-case .site-footer{border-top:1px solid var(--line);padding:28px 24px;color:var(--muted);text-align:center;font-size:14px;background:var(--white)}@media(max-width:920px){.ecomain-shelly-case .hero-inner{grid-template-columns:1fr;padding-top:44px}.ecomain-shelly-case .tag-band{grid-template-columns:1fr}.ecomain-shelly-case .case-layout{grid-template-columns:1fr;gap:28px}.ecomain-shelly-case .toc{position:static}.ecomain-shelly-case .grid-3,.ecomain-shelly-case .resource-grid,.ecomain-shelly-case .upgrade-comparison{grid-template-columns:1fr}.ecomain-shelly-case .upgrade-arrow{margin:0 auto;transform:rotate(90deg)}}@media(max-width:640px){.ecomain-shelly-case{font-size:16px}.ecomain-shelly-case .nav{align-items:flex-start;flex-direction:column}.ecomain-shelly-case .nav-links{flex-wrap:wrap;gap:12px}.ecomain-shelly-case .hero-inner{padding:36px 18px 30px}.ecomain-shelly-case .tag-band{padding:0 18px 28px}.ecomain-shelly-case .case-layout{padding:38px 18px 60px}.ecomain-shelly-case h1{font-size:40px}.ecomain-shelly-case h2{font-size:30px}.ecomain-shelly-case h3{font-size:24px}.ecomain-shelly-case .grid-2,.ecomain-shelly-case .solution-support{grid-template-columns:1fr}.ecomain-shelly-case .hero-actions{flex-direction:column;align-items:stretch}.ecomain-shelly-case .button{width:100%}.ecomain-shelly-case .cta{padding:24px}}[data-ui-component="Section Main Article"]:has(.ecomain-shelly-case){width:100%!important;max-width:none!important}[data-ui-component="Section Main Article"]:has(.ecomain-shelly-case) article{width:100%!important;max-width:none!important}[data-ui-component="Section Main Article"]:has(.ecomain-shelly-case) .clm.m-auto{width:100%!important;max-width:none!important;--w-xs: 100% !important}.ecomain-shelly-case{--ink: #444d9e;--muted: #444d9e;--line: #daddf0;--panel: #f7f7fc;--accent: #444d9e;--accent-dark: #343b7c;--soft: #f0f1fa;--white: #ffffff;width:100%;max-width:none;background:#fff}.ecomain-shelly-case .hero{width:100%;background:linear-gradient(180deg,#f5f6fc,#fff 74%);border-bottom:1px solid #daddf0}.ecomain-shelly-case .hero-inner,.ecomain-shelly-case .tag-band,.ecomain-shelly-case .case-layout{width:100%;max-width:1500px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}.ecomain-shelly-case .case-layout{grid-template-columns:220px minmax(0,1fr)}.ecomain-shelly-case .card,.ecomain-shelly-case .toc{background:#f7f7fc}.ecomain-shelly-case .chip,.ecomain-shelly-case .note{background:#f0f1fa}@media(max-width:920px){.ecomain-shelly-case .hero-inner,.ecomain-shelly-case .tag-band,.ecomain-shelly-case .case-layout{padding-left:24px;padding-right:24px}}@media(max-width:640px){.ecomain-shelly-case .hero-inner,.ecomain-shelly-case .tag-band,.ecomain-shelly-case .case-layout{padding-left:18px;padding-right:18px}}.ecomain-shelly-case .cta .button{background:#fbb03b!important;border-color:#fbb03b!important;color:#fff!important}.ecomain-shelly-case .cta .button:hover{background:#e6a12f!important;border-color:#e6a12f!important;color:#fff!important}.ecomain-shelly-case .cta .button.secondary{background:transparent!important;border-color:#ffffff6b!important;color:#fff!important}.ecomain-shelly-case .cta .button.secondary:hover{background:#fbb03b!important;border-color:#fbb03b!important;color:#fff!important}.ecomain-shelly-case{--body-font:Figtree,Arial,sans-serif;--heading-font:Muli,Arial,sans-serif }.ecomain-shelly-case .hero-media img{aspect-ratio:1/1;max-height:480px}.ecomain-shelly-case .lead strong{font-weight:400}.ecomain-shelly-case .content{min-width:0}.ecomain-shelly-case figure{margin:28px 0}.ecomain-shelly-case .intro{margin-bottom:28px}.ecomain-shelly-case .figure-card a{display:block}.ecomain-shelly-case .figure-card img{height:auto}.ecomain-shelly-case li{margin:12px 0}.ecomain-shelly-case ul,.ecomain-shelly-case ol{padding-left:24px}.ecomain-shelly-case section>p:has(>em:only-child){font-size:14px;line-height:1.6}.ecomain-shelly-case .cta h2{font-size:30px}.ecomain-shelly-case .cta .button{white-space:normal}.ecomain-shelly-case .related{display:grid;gap:12px;border-top:1px solid var(--line);margin-top:48px;padding-top:24px;font-size:15px}.ecomain-shelly-case a:focus-visible,.ecomain-shelly-case summary:focus-visible{outline:3px solid #fbb03b;outline-offset:4px}.ecomain-shelly-case summary{line-height:1.5}.ecomain-shelly-case .toc a:hover{color:#242b6b;text-decoration:underline}.ecomain-shelly-case .resource-card span{font-size:14px;font-weight:700}.ecomain-shelly-case .resource-card{padding:16px}.ecomain-shelly-case .button:hover{background:#343b7c;color:#fff}.ecomain-shelly-case .button.secondary:hover{background:#f0f1fa;color:#343b7c}@media(max-width:920px){.ecomain-shelly-case .case-layout{grid-template-columns:1fr}.ecomain-shelly-case .hero-media{max-width:560px;margin:auto}.ecomain-shelly-case .toc{position:static}}@media(max-width:640px){.ecomain-shelly-case h1{font-size:36px;line-height:1.12}.ecomain-shelly-case h2{font-size:28px;line-height:1.2}.ecomain-shelly-case .lead{font-size:17px}.ecomain-shelly-case .cta h2{font-size:26px}.ecomain-shelly-case .resource-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/Shelly-Pro-3EM-ecoMain.css.map */