/* ============================================================ Robotika: Mazais Tehnoprātnieks un Tehnoprātnieks Ielādējas PĒC product-blocks.css un pievieno tikai robotikas daļu. Akcenta krāsu maina viena klase uz , viss pārējais dizains paliek tāds pats kā Minecraft lapās. ============================================================ */ /* ---------- Akcenta tēmas ---------- */ .rb-cyan { --v2-lime: #22c3dd; --v2-lime-deep: #0b7185; --v2-lime-lite: #4ad6ee; --v2-lime-rgb: 26, 179, 204; --v2-lime-ink: #04222a; --v2-lime-soft: rgba(var(--v2-lime-rgb), 0.14); } .rb-sun { --v2-lime: #f5b91d; --v2-lime-deep: #a3670a; --v2-lime-lite: #ffd45c; --v2-lime-rgb: 240, 176, 32; --v2-lime-ink: #2e1c00; --v2-lime-soft: rgba(var(--v2-lime-rgb), 0.16); } /* ---------- Moduļu režģis ---------- */ .rb-modules { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 34px; } .rb-module { display: flex; flex-direction: column; padding: 26px 26px 24px; border: 1px solid var(--line); border-top: 4px solid var(--v2-lime-deep); border-radius: 20px; background: #fff; box-shadow: 0 14px 34px rgba(30, 20, 60, 0.07); } .rb-module-num { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 13px; background: var(--v2-lime-soft); color: var(--v2-lime-deep); font-family: "Poppins", Arial, sans-serif; font-size: 17px; font-weight: 800; letter-spacing: -0.02em; } .rb-module h3 { margin: 14px 0 0; font-family: "Poppins", Arial, sans-serif; font-size: 19px; font-weight: 800; line-height: 1.25; letter-spacing: -0.015em; } .rb-module > p { margin: 10px 0 0; color: var(--muted); font-size: 14.5px; line-height: 1.62; } .rb-module ul { margin: 16px 0 0; padding: 0; list-style: none; } .rb-module ul li { position: relative; padding-left: 20px; color: var(--text); font-size: 13.5px; font-weight: 600; line-height: 1.55; } .rb-module ul li + li { margin-top: 6px; } .rb-module ul li::before { position: absolute; top: 0.6em; left: 2px; width: 7px; height: 7px; border-radius: 3px; background: var(--v2-lime-deep); content: ""; } /* Saraksta virsraksts. Bez tā nav skaidrs, kas ir "Gliemezis" vai "Urbis": tie ir darbi, ko bērns modulī uzbūvē. Mazā Tehnoprātnieka lapā šī virsraksta nav, jo tur sarakstā ir darbības, nevis būves. */ .rb-list-label { display: block; margin: 18px 0 8px; color: var(--muted); font-family: "Poppins", Arial, sans-serif; font-size: 10.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .rb-list-label + ul { margin-top: 0; } /* Angļu vārdi */ .rb-words { margin-top: auto; padding-top: 18px; } .rb-words b { display: block; margin-bottom: 8px; color: var(--muted); font-size: 10.5px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; } .rb-words span { display: inline-block; margin: 0 6px 6px 0; padding: 5px 11px; border: 1px solid rgba(var(--v2-lime-rgb), 0.32); border-radius: 999px; background: rgba(var(--v2-lime-rgb), 0.1); color: var(--v2-lime-deep); font-size: 12px; font-weight: 800; } /* ---------- Aprīkojuma bloks ---------- */ .rb-kit { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; align-items: start; margin-top: 30px; } .rb-kit-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; } .rb-kit-list li { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border: 1px solid var(--line); border-radius: 16px; background: #fff; } .rb-kit-list .rb-kit-dot { flex: 0 0 auto; width: 12px; height: 12px; margin-top: 6px; border-radius: 4px; background: var(--slot, var(--v2-lime-deep)); } .rb-kit-list strong { display: block; font-family: "Poppins", Arial, sans-serif; font-size: 15px; font-weight: 800; letter-spacing: -0.01em; } .rb-kit-list small { display: block; margin-top: 3px; color: var(--muted); font-size: 13.5px; line-height: 1.55; } .rb-kit-badge { display: inline-block; margin-left: 8px; padding: 3px 9px; border-radius: 999px; background: var(--v2-lime-soft); color: var(--v2-lime-deep); font-size: 10.5px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; vertical-align: 2px; } .rb-kit-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .rb-kit-photos figure { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; } .rb-kit-photos img { display: block; width: 100%; height: 190px; object-fit: cover; } .rb-kit-photos figcaption { padding: 11px 14px 13px; color: var(--muted); font-size: 12.5px; font-weight: 700; line-height: 1.45; } .rb-kit-photos .rb-kit-wide { grid-column: 1 / -1; } .rb-kit-photos .rb-kit-wide img { height: 230px; } /* ---------- Adaptīvi ---------- */ @media (max-width: 1180px) { .rb-modules { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rb-kit { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 720px) { .rb-modules { grid-template-columns: minmax(0, 1fr); } .rb-module { padding: 22px 20px 20px; } .rb-kit-photos { grid-template-columns: minmax(0, 1fr); } .rb-kit-photos img, .rb-kit-photos .rb-kit-wide img { height: 200px; } }