.robot-vacuum-compatible{display:flex;align-items:center;background:linear-gradient(135deg,#f9f9f9,#f2f2f2);border-radius:8px;padding:16px;margin:20px 0;border:1px solid #e0e0e0;transition:all .3s ease;position:relative;overflow:hidden}.robot-vacuum-compatible:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(40,49,66,.1);border-color:#d0d0d0}.robot-vacuum-icon{width:60px;height:60px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;box-shadow:0 3px 8px rgba(0,0,0,.08);flex-shrink:0;position:relative;z-index:1;border:1px solid #eaeaea}.robot-vacuum-icon img{width:36px;height:36px;object-fit:contain}.robot-vacuum-content{flex:1}.robot-vacuum-title{font-size:16px;font-weight:600;color:#283142;margin:0 0 4px}.robot-vacuum-description{font-size:14px;color:#6c757d;margin:0;line-height:1.4}.robot-vacuum-badge{position:absolute;top:-1px;right:-1px;background-color:#198754;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:0 8px 0 8px;letter-spacing:.5px;box-shadow:0 2px 5px rgba(25,135,84,.3)}@keyframes robotMove{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(10px) translateY(-5px)}50%{transform:translateX(0) translateY(0)}75%{transform:translateX(-10px) translateY(-5px)}100%{transform:translateX(0) translateY(0)}}.robot-vacuum-compatible:hover .robot-vacuum-icon{animation:robotMove 3s ease infinite}@media (max-width:767px){.robot-vacuum-compatible{padding:12px}.robot-vacuum-icon{width:50px;height:50px;margin-right:12px}.robot-vacuum-icon img{width:30px;height:30px}.robot-vacuum-title{font-size:15px}.robot-vacuum-description{font-size:13px}}