.module-top{height:72px;display:flex;align-items:center;gap:22px;padding:0 34px;background:#fff;border-bottom:1px solid #e6e8ee;position:sticky;top:0;z-index:20}.module-top>div{flex:1}.module-top b,.module-top small{display:block}.module-top small{font-size:12px;color:#7b8492;margin-top:3px}.module-brand,.back-build{text-decoration:none;color:#4f46e5;font-weight:700}.modules-shell{max-width:1440px;margin:0 auto;padding:34px}.modules-title h1{font-size:31px;margin:0}.modules-title p{color:#7b8492;margin:10px 0 24px}.module-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.big-search{height:46px;min-width:440px;display:flex;align-items:center;gap:8px;background:white;border:1px solid #dfe3ea;border-radius:12px;padding:0 13px}.big-search input{border:0;outline:0;flex:1}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:0;background:#f1f3f6;color:#5f6672;padding:9px 13px;border-radius:999px;cursor:pointer}.filters button.active{background:#2563eb;color:#fff}.module-grid-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;align-items:stretch}.module-tile{background:#fff;border:1px solid #e2e6ed;border-radius:15px;overflow:hidden;cursor:pointer;transition:.18s;display:flex;flex-direction:column;min-height:330px}.module-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(25,33,51,.08)}.module-photo{height:178px;min-height:178px;max-height:178px;background:#f7f8fa;padding:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #eef1f5}.module-photo img{display:block!important;position:static!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:150px!important;object-fit:contain!important;object-position:center!important;margin:0 auto!important}.module-tile-body{padding:15px 16px 17px;background:#fff;position:relative;z-index:2;flex:1;display:flex;flex-direction:column;min-height:145px}.tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.tile-top h3{margin:0;font-size:18px;line-height:1.35}.stars{color:#f6b400;white-space:nowrap;line-height:1.35}.module-tile p{color:#737c89;font-size:13px;line-height:1.5;margin:8px 0 12px}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.tag-row span{font-size:11px;background:#eef2ff;color:#315de8;padding:4px 7px;border-radius:5px}.module-modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:24px;z-index:50}.module-modal[hidden]{display:none!important}.modal-card{position:relative;background:white;border-radius:18px;width:min(900px,94vw);max-height:88vh;overflow:auto;padding:26px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:#f3f4f6;border-radius:50%;width:34px;height:34px;font-size:22px;cursor:pointer}.modal-grid{display:grid;grid-template-columns:310px 1fr;gap:26px}.modal-photo{height:290px;background:#f5f6f8;border-radius:14px;padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.modal-photo img{display:block!important;position:static!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:250px!important;object-fit:contain!important}.pin-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:10px}.pin-table td,.pin-table th{border-bottom:1px solid #edf0f4;padding:8px;text-align:left}.code-box{background:#111827;color:#d1fae5;border-radius:10px;padding:14px;white-space:pre-wrap;font:12px/1.6 ui-monospace,monospace}
.recommended-kit{display:grid;grid-template-columns:minmax(360px,.9fr) 1.1fr;gap:26px;align-items:stretch;margin:4px 0 26px;border:1px solid #dfe5ff;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#eef2ff 0%,#fff 56%,#f4f8ff 100%);box-shadow:0 14px 34px rgba(48,60,120,.08)}.kit-visual{position:relative;min-height:300px;background:radial-gradient(circle at 42% 48%,rgba(109,94,252,.25),transparent 38%),linear-gradient(145deg,#111831,#27306e 58%,#5548ed);overflow:hidden;padding:26px}.kit-visual:after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.kit-kicker{position:relative;z-index:3;color:#aeb8ff;font-size:11px;font-weight:800;letter-spacing:.14em}.kit-visual-title{position:relative;z-index:3;color:white;font-size:25px;font-weight:850;line-height:1.1;margin-top:8px;max-width:260px}.kit-collage{position:absolute;inset:88px 22px 18px 22px;z-index:2}.kit-piece{position:absolute;background:rgba(255,255,255,.96);border-radius:16px;border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 45px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;padding:10px}.kit-piece img{max-width:100%;max-height:100%;object-fit:contain}.kit-piece.main{width:42%;height:58%;left:4%;top:18%}.kit-piece.sensor{width:31%;height:34%;right:3%;top:2%}.kit-piece.motor{width:32%;height:34%;right:8%;bottom:2%}.kit-chip{position:absolute;left:45%;top:43%;transform:translate(-50%,-50%);z-index:4;background:#111831;color:#b8ffd8;border:1px solid #4f8d76;padding:9px 12px;border-radius:12px;font:700 11px/1.3 ui-monospace,monospace;box-shadow:0 10px 26px rgba(0,0,0,.25)}.kit-copy{padding:28px 30px 28px 4px;display:flex;flex-direction:column;justify-content:center}.kit-copy .eyebrow{color:#4f46e5}.kit-copy h2{font-size:28px;line-height:1.2;margin:8px 0 8px}.kit-copy h3{font-size:16px;margin:0 0 12px;color:#4f46e5}.kit-copy p{font-size:14px;line-height:1.7;color:#667085;margin:0 0 15px}.kit-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}.kit-tags span{font-size:11px;font-weight:700;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#4f46e5}.kit-course-map{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.kit-course-map a{text-decoration:none;font-size:12px;color:#334155;background:#fff;border:1px solid #e0e5ef;border-radius:9px;padding:8px 10px}.kit-course-map a:hover{border-color:#a5b4fc;color:#4338ca}.kit-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.kit-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:10px;text-decoration:none;font-weight:750;font-size:13px;border:1px solid #d8deea;color:#374151;background:#fff}.kit-btn.primary-kit{background:#4f46e5;color:#fff;border-color:#4f46e5}.kit-btn:hover{transform:translateY(-1px)}.kit-price{margin-left:auto;font-size:12px;color:#667085}.kit-price b{font-size:24px;color:#111827;margin-left:5px}.kit-note{font-size:11px!important;color:#98a2b3!important;margin:10px 0 0!important}
@media(max-width:980px){.module-grid-page{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-grid{grid-template-columns:1fr}.big-search{min-width:0;flex:1}.recommended-kit{grid-template-columns:1fr}.kit-visual{min-height:280px}.kit-copy{padding:24px}.kit-price{margin-left:0}}
@media(max-width:620px){.modules-shell{padding:18px}.module-grid-page{grid-template-columns:1fr}.module-top{padding:0 16px}.back-build{display:none}.module-photo{height:160px;min-height:160px;max-height:160px}.module-photo img{max-height:132px!important}.recommended-kit{border-radius:16px}.kit-visual{min-height:250px;padding:20px}.kit-visual-title{font-size:21px}.kit-copy{padding:20px}.kit-copy h2{font-size:23px}.kit-actions{align-items:stretch}.kit-btn{flex:1 1 100%}}