Ro&Bot™ Shop

AI Drone Assistant

Autonomous drone that manages your home and office tasks.

View

HoloDesk 3000

Interactive holographic workstation for productivity and entertainment.

View

NeuroLamp

Smart ambient lamp that adapts to your mood and circadian rhythm.

View

SamanthAI Mini

Compact AI assistant for your kitchen, office, or bedroom.

View

justify-content: space-between; padding: 0 20px; background: rgba(0,0,0,0.85); backdrop-filter: blur(10px); z-index: 1000; box-sizing: border-box; } body.light .header { background: rgba(255,255,255,0.85); } .header-left, .header-center, .header-right { display: flex; align-items: center; } .header-left img { height:36px; width:auto; } .header-left span { font-size:1.3rem; font-weight:600; letter-spacing:-0.5px; margin-left:6px; } .header-center { flex:1; justify-content:center; padding:0 20px; } .header-center input { width:100%; max-width:400px; padding:8px 12px; border-radius:20px; border:none; outline:none; background: rgba(255,255,255,0.1); color: var(--text-color); transition: background 0.3s; } body.light .header-center input { background: rgba(0,0,0,0.05); color: var(--text-color); } .header-center input::placeholder { color: rgba(255,255,255,0.5); } body.light .header-center input::placeholder { color: rgba(0,0,0,0.4); } .header-right .cart { position:relative; cursor:pointer; } .header-right .cart span { position:absolute; top:-6px; right:-6px; background:var(--accent-color); color:#fff; font-size:0.7rem; font-weight:600; border-radius:50%; width:16px; height:16px; display:flex; align-items:center; justify-content:center; } /* MENU */ .menu { position: fixed; top:20px; left:20px; cursor:pointer; z-index:1001; display:flex; flex-direction:column; gap:6px; } .menu div { width:30px; height:3px; background:var(--text-color); border-radius:2px; transition:0.3s; } .menu.open div:nth-child(1){transform:rotate(-45deg) translate(-5px,5px);} .menu.open div:nth-child(2){opacity:0;} .menu.open div:nth-child(3){transform:rotate(45deg) translate(-5px,-5px);} .sidebar { position: fixed; top:0; left:-240px; width:220px; height:100vh; background: var(--bg-color); border-right:1px solid var(--card-border); backdrop-filter:blur(12px); padding-top:100px; transition:left 0.4s ease; z-index:999; } .sidebar.open { left:0; } .sidebar a { display:block; padding:18px 30px; font-size:1.05rem; transition:0.3s; } .sidebar a:hover { color:var(--accent-color); transform:translateX(8px); } /* SHOP LAYOUT */ .shop-section { padding:120px 20px 60px; text-align:center; } .product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:30px; justify-items:center; } .product-card { background:var(--bg-color); border:1px solid var(--card-border); border-radius:20px; overflow:hidden; padding:20px; width:100%; max-width:260px; box-shadow:0 8px 25px rgba(0,0,0,0.3); transition: transform 0.3s, box-shadow 0.3s; } .product-card:hover { transform:translateY(-5px); box-shadow:0 12px 35px rgba(0,0,0,0.5); } .product-card img { width:100%; border-radius:15px; margin-bottom:15px; } .product-card h3 { font-size:1.3rem; margin-bottom:8px; } .product-card p { font-size:0.95rem; opacity:0.75; margin-bottom:12px; } .product-card a { display:inline-block; padding:10px 20px; border-radius:25px; background:var(--accent-color); color:#fff; font-weight:600; transition:0.3s; } .product-card a:hover { opacity:0.85; } /* THEME MODAL */ .theme-modal { position:fixed; top:0; left:0; right:0; bottom:0; background: url('/screenshot.png') center/cover no-repeat; display:flex; align-items:center; justify-content:center; z-index:2000; opacity:1; transition: opacity 0.5s ease; } .theme-modal::before { content:''; position:absolute; inset:0; background: rgba(0,0,0,0.6); z-index:1; } .theme-modal.hide { opacity:0; pointer-events:none; } .theme-box { position: relative; z-index:10; display:flex; flex-direction:column; background: var(--bg-color); color: var(--text-color); border-radius:20px; overflow:hidden; width:600px; max-width:90%; border:1px solid var(--card-border); transform: scale(1); transition: transform 0.5s ease, background 0.5s ease, color 0.5s ease; } .theme-box.show { transform: scale(1); } .theme-box.hide { transform: scale(0.9); } .theme-preview { display:flex; height:220px; } .theme-half { flex:1; display:flex; align-items:center; justify-content:center; font-weight:600; font-size:1.2rem; cursor:pointer; transition:0.3s, transform 0.3s; } .theme-half:hover { transform: scale(1.05); } .theme-half.dark { background:#000; color:#fff; } .theme-half.light { background:#fff; color:#000; position:relative; } .theme-half.light::after { content:''; position:absolute; inset:0; background:linear-gradient(135deg,#fff 70%,#d8b38c 100%); z-index:-1; } .theme-half.selected { outline:4px solid #a100f2; } .theme-save { background:var(--accent-color); color:#fff; padding:16px; text-align:center; cursor:pointer; font-weight:600; transition:0.3s; } .theme-save:hover { opacity:0.85; } /* FOOTER */ footer { background:var(--bg-color); color:var(--text-color); padding:24px 0; text-align:center; font-size:0.85rem; position:relative; } footer::before { content:''; position:absolute; top:0; left:50%; width:80%; height:1px; background:linear-gradient(90deg,transparent,var(--accent-color),transparent); transform:translateX(-50%); }

AI Drone Assistant

Autonomous drone that manages your home and office tasks.

View

HoloDesk 3000

Interactive holographic workstation for productivity and entertainment.

View

NeuroLamp

Smart ambient lamp that adapts to your mood and circadian rhythm.

View

SamanthAI Mini

Compact AI assistant for your kitchen, office, or bedroom.

View