.system-configuration{position:relative;width:100%;background-color:var(--sc-bg-color, #0a0f14);margin-bottom:120px;padding:0;font-family:Inter,sans-serif}@media screen and (max-width: 768px){.system-configuration{margin-bottom:50px}}.system-configuration__container{position:relative;z-index:2;display:flex;width:1440px;max-width:100%;flex-direction:column;align-items:center;gap:60px;margin:0 auto;padding:0}.system-configuration__header{display:flex;padding:52px 0;flex-direction:column;align-items:center;gap:16px;width:1440px;max-width:100%;text-align:center;border-top:1px solid rgba(10,132,255,.2);background:linear-gradient(150deg,#ffffff05,#0000 10.46% 20.92%,#ffffff05 31.37% 41.83%,#0000 52.29% 62.75%,#ffffff05 73.21%)}.system-configuration__header-text{display:flex;flex-direction:column;align-items:flex-start;gap:24px;align-self:stretch}.system-configuration__label{height:20px;align-self:stretch;color:#d4af37;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:2px;text-transform:uppercase}.system-configuration__heading{align-self:stretch;color:#fff;text-align:center;font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-2px;margin:0}.system-configuration__subheading{width:846px;max-width:100%;color:#a0aec0;text-align:center;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin:0}.system-configuration__visual{position:relative;width:1280px;max-width:calc(100% - 40px);border-radius:12px;box-sizing:border-box}.system-configuration__display-image{width:100%;height:auto;display:block}.system-configuration__display-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#ffffff4d;padding:60px;min-height:400px;background:linear-gradient(135deg,#0d1a2a,#061018)}.system-configuration__display-placeholder svg{opacity:.5}.system-configuration__display-placeholder span{font-size:14px;font-weight:500}.system-configuration__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;width:1280px;max-width:calc(100% - 40px);box-sizing:border-box}.system-configuration__card{background:#0f192899;border:1px solid rgba(60,100,140,.25);border-radius:12px}.system-configuration__card-header{display:flex;align-items:center;gap:12px;padding:20px 25px;border-bottom:1px solid rgba(60,100,140,.15)}.system-configuration__card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3498db33,#2980b926);border-radius:8px;flex-shrink:0}.system-configuration__card-icon svg{width:18px;height:18px;fill:#3498db}.system-configuration__card-titles{flex:1}.system-configuration__card-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 2px}.system-configuration__card-subtitle{font-size:12px;font-weight:400;color:#ffffff80;margin:0}.system-configuration__card-body{padding:25px}.system-configuration__card--cabinet .system-configuration__card-body{display:flex;flex-direction:column;gap:20px}.system-configuration__card-image{display:flex;flex-direction:column;align-items:center;text-align:center}.system-configuration__cabinet-images-box{width:100%;background:#0a121ecc;border:1px solid rgba(52,152,219,.2);border-radius:12px;padding:20px 30px 15px;margin-bottom:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.system-configuration__cabinet-images-row{display:flex;gap:0;align-items:center;justify-content:center;margin-bottom:15px}.system-configuration__cabinet-images-row img{height:220px;max-height:240px;object-fit:contain}.system-configuration__cabinet-images-row img:first-child{transform:translate(60px)}.system-configuration__cabinet-images-row img:last-child{transform:translate(-60px)}.system-configuration__cabinet-module-placeholder{width:70px;height:200px;background:linear-gradient(135deg,#141e32e6,#0a0f19e6);border:1px solid rgba(52,152,219,.25);border-radius:4px}.system-configuration__cabinet-module-placeholder:first-child{transform:translate(60px)}.system-configuration__cabinet-module-placeholder:last-child{transform:translate(-60px)}.system-configuration__cabinet-images-box .system-configuration__cabinet-label{font-size:13px;font-weight:600;color:#3498db;margin-bottom:4px;text-align:center}.system-configuration__cabinet-images-box .system-configuration__cabinet-sublabel{font-size:11px;color:#ffffff80;text-align:center}.system-configuration__specs-table{width:100%;border-top:1px solid rgba(60,100,140,.2);padding-top:15px}.system-configuration__spec-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(60,100,140,.15)}.system-configuration__spec-row:last-child{border-bottom:none}.system-configuration__spec-label{font-size:13px;font-weight:400;color:#ffffff80}.system-configuration__spec-value{font-size:14px;font-weight:500;color:#fff}.system-configuration__card--connection .system-configuration__card-body{display:flex;flex-direction:column;gap:20px}.system-configuration__connection-images-box{width:100%;background:#0a121ecc;border:1px solid rgba(52,152,219,.2);border-radius:12px;padding:20px 30px 15px;margin-bottom:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.system-configuration__connection-images-box img{height:200px;max-height:220px;object-fit:contain;margin-bottom:15px}.system-configuration__lock-icon-wrapper{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3498db26,#2980b91a);border:2px solid rgba(52,152,219,.3);border-radius:16px;margin-bottom:15px}.system-configuration__lock-icon-wrapper svg{width:40px;height:40px;fill:#3498db}.system-configuration__lock-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#3498db;border-radius:50%;display:flex;align-items:center;justify-content:center}.system-configuration__lock-badge svg{width:14px;height:14px;fill:#fff}.system-configuration__connection-images-box .system-configuration__cabinet-label{font-size:13px;font-weight:600;color:#3498db;margin-bottom:4px;text-align:center}.system-configuration__connection-images-box .system-configuration__cabinet-sublabel{font-size:11px;color:#ffffff80;text-align:center}.system-configuration__features{display:flex;flex-direction:column;gap:16px;border-top:1px solid rgba(60,100,140,.2);padding-top:20px}.system-configuration__feature{display:flex;gap:12px;align-items:flex-start}.system-configuration__feature-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.system-configuration__feature-icon svg{width:20px;height:20px;fill:#3498db}.system-configuration__feature-text{flex:1}.system-configuration__feature-title{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:3px}.system-configuration__feature-desc{display:block;font-size:12px;font-weight:400;color:#ffffff80;line-height:1.5}.system-configuration__cta-section{text-align:center;width:1280px;max-width:calc(100% - 40px);box-sizing:border-box}.system-configuration__cta-heading{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.system-configuration__cta-subheading{font-size:14px;font-weight:400;color:#ffffff8c;max-width:500px;margin:0 auto 30px}.system-configuration__cta-box{display:flex;flex-direction:column;align-items:center;gap:16px}.system-configuration__price{color:#d4af37;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.system-configuration__cta-buttons{display:flex;flex-direction:column;align-items:center;gap:16px}.system-configuration__btn{display:flex;width:400px;padding:20px 64px;justify-content:center;align-items:center;gap:20px;border-radius:8px;background:#0a84ff;box-shadow:0 0 30px #0a84ff66;color:#fff;text-align:center;font-family:Inter,sans-serif;font-size:13px;font-style:normal;font-weight:600;line-height:normal;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.system-configuration__btn:hover{background:#0070e0;box-shadow:0 0 40px #0a84ff80}.system-configuration__btn--secondary{color:#fff;text-align:center;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-transform:uppercase;background:transparent;border:none;padding:0;width:auto;box-shadow:none;cursor:pointer;transition:all .3s ease}.system-configuration__btn--secondary:hover{color:#fffc;background:transparent;box-shadow:none}@media screen and (max-width: 768px){.system-configuration__container{gap:40px}.system-configuration__header{padding:40px 20px}.system-configuration__header-text{gap:16px}.system-configuration__label{font-family:Inter,sans-serif;color:#d4af37}.system-configuration__heading{font-size:32px;letter-spacing:-1px;font-family:Inter,sans-serif;color:#fff}.system-configuration__subheading{font-size:16px;line-height:24px;font-family:Inter,sans-serif;color:#a0aec0}.system-configuration__visual{max-width:calc(100% - 40px)}.system-configuration__cards{grid-template-columns:1fr;gap:20px;max-width:calc(100% - 40px)}.system-configuration__card{background:#0a0f19e6;border:1px solid rgba(60,100,140,.3)}.system-configuration__card-header{padding:20px 20px 15px;border-bottom:none}.system-configuration__card-body{padding:0 20px 20px}.system-configuration__cabinet-images-box{padding:25px 20px 15px;margin-bottom:20px}.system-configuration__cabinet-images-row{margin-bottom:12px}.system-configuration__cabinet-images-row img{height:150px;max-height:160px}.system-configuration__cabinet-images-row img:first-child{transform:translate(40px)}.system-configuration__cabinet-images-row img:last-child{transform:translate(-40px)}.system-configuration__specs-table{border-top:none;padding-top:0}.system-configuration__spec-row{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 0}.system-configuration__spec-label{font-size:12px;color:#ffffff80}.system-configuration__spec-value{font-size:15px;font-weight:600;color:#fff}.system-configuration__connection-images-box{padding:30px 20px 15px;margin-bottom:20px}.system-configuration__lock-icon-wrapper{width:70px;height:70px;margin-bottom:12px}.system-configuration__lock-icon-wrapper svg{width:35px;height:35px}.system-configuration__features{border-top:none;padding-top:0;gap:18px}.system-configuration__feature-title{font-size:14px}.system-configuration__feature-desc{font-size:12px;color:#fff9}.system-configuration__cta-section{padding-top:30px}.system-configuration__cta-heading{font-size:22px}.system-configuration__btn{width:100%;max-width:400px;padding:16px 48px}}@media screen and (max-width: 480px){.system-configuration__header{padding:30px 15px}.system-configuration__label{font-size:12px;font-family:Inter,sans-serif;color:#d4af37}.system-configuration__heading{font-size:28px;font-family:Inter,sans-serif;color:#fff}.system-configuration__subheading{font-size:14px;font-family:Inter,sans-serif;color:#a0aec0}.system-configuration__visual,.system-configuration__cards{max-width:calc(100% - 30px)}.system-configuration__display-placeholder{min-height:200px;padding:30px}.system-configuration__card-header{padding:18px 15px 12px}.system-configuration__card-body{padding:0 15px 18px}.system-configuration__card-title{font-size:14px}.system-configuration__cabinet-images-box,.system-configuration__connection-images-box{padding:20px 15px 12px}.system-configuration__cabinet-images-row img{height:120px;max-height:130px}.system-configuration__cabinet-images-row img:first-child{transform:translate(30px)}.system-configuration__cabinet-images-row img:last-child{transform:translate(-30px)}.system-configuration__spec-row{padding:10px 0}.system-configuration__spec-label{font-size:11px}.system-configuration__spec-value{font-size:14px}.system-configuration__lock-icon-wrapper{width:60px;height:60px}.system-configuration__lock-icon-wrapper svg{width:30px;height:30px}.system-configuration__feature-title{font-size:13px}.system-configuration__feature-desc{font-size:11px}.system-configuration__cta-heading{font-size:20px}.system-configuration__cta-subheading{font-size:13px}.system-configuration__btn{padding:14px 32px;font-size:12px}.system-configuration__price{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/system-configuration.css.map */