Mouse USB Havit MS72, 1200 DPI, 4 Butoane, Negru

<style> /* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); */ .uct700 { --uct-font: 'Montserrat', sans-serif; --uct-ink-dark: #1d1d1f; --uct-ink-mid: #424245; --uct-ink-light: #6e6e73; --uct-bg: #ffffff; --uct-bg-alt: #f5f5f7; --uct-accent: #0071e3; --uct-radius-lg: 18px; --uct-radius-sm: 10px; --uct-shadow-card: 0 4px 24px rgba(0,0,0,0.07); --uct-shadow-media: 0 12px 40px rgba(0,0,0,0.12); --uct-ease: 0.35s cubic-bezier(.4,0,.2,1); font-family: var(--uct-font); color: var(--uct-ink-dark); background: var(--uct-bg); -webkit-font-smoothing: antialiased; line-height: 1.5; box-sizing: border-box; width: 100%; } .uct700 *, .uct700 *::before, .uct700 *::after { box-sizing: inherit; } .uct700__hero { text-align: center; padding: 0 clamp(16px,4vw,40px) clamp(32px,5vw,64px); } .uct700__hero-title { font-size: clamp(28px,5vw,56px); font-weight: 700; letter-spacing: -.02em; line-height: 1.1; color: var(--uct-ink-dark); margin: 0 0 16px; max-width: 1100px; margin-left: auto; margin-right: auto; } .uct700__hero-title span { display: block; font-size: clamp(17px,2.4vw,26px); font-weight: 400; color: var(--uct-ink-light); letter-spacing: -.01em; margin-top: 10px; } .uct700__hero-lead { font-size: clamp(14px,1.5vw,18px); font-weight: 400; color: var(--uct-ink-dark); max-width: 1100px; margin: 0 auto; line-height: 1.75; } .uct700__divider { display: block; width: 56px; height: 2px; background: linear-gradient(90deg,var(--uct-accent),#34aadc); border: none; margin: clamp(28px,4vw,48px) auto; border-radius: 2px; opacity: .45; } .uct700__feature { padding: clamp(40px,5vw,72px) 0; text-align: center; opacity: 0; transform: translateY(28px); transition: opacity .55s ease, transform .55s ease; } .uct700__feature.is-visible { opacity: 1; transform: translateY(0); } .uct700__feature-text { max-width: 910px; margin: 0 auto clamp(28px,3vw,44px); padding: 0 clamp(16px,4vw,40px); } .uct700__feature-title { font-size: clamp(22px,3vw,36px); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; color: var(--uct-ink-dark); margin: 0 0 14px; } .uct700__feature-desc { font-size: clamp(16px,1.7vw,20px); font-weight: 400; color: var(--uct-ink-dark); line-height: 1.8; margin: 0; } .uct700__feature-img { border-radius: var(--uct-radius-lg); overflow: hidden; box-shadow: var(--uct-shadow-card); width: 100%; max-width: 1200px; margin: 0 auto; background: var(--uct-bg-alt); } .uct700__feature-img img { width: 100%; height: auto; display: block; transition: transform .6s ease; } .uct700__feature-img:hover img { transform: scale(1.02); } .uct700__feature--alt { background: var(--uct-bg-alt); border-radius: var(--uct-radius-lg); margin-left: clamp(8px,2vw,24px); margin-right: clamp(8px,2vw,24px); margin-bottom: clamp(32px,4vw,64px); } .uct700__compliance { padding: clamp(32px,4vw,56px) clamp(16px,4vw,40px) clamp(40px,5vw,72px); max-width: 760px; margin: 0 auto; opacity: 0; transform: translateY(28px); transition: opacity .55s ease, transform .55s ease; } .uct700__compliance.is-visible { opacity: 1; transform: translateY(0); } .uct700__accordion { border: 1px solid #dcdce0; border-radius: var(--uct-radius-sm); overflow: hidden; font-family: var(--uct-font); } .uct700__accordion > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: clamp(14px,2vw,18px) clamp(16px,2.5vw,22px); font-size: clamp(13px,1.4vw,15px); font-weight: 600; letter-spacing: -.01em; color: var(--uct-ink-dark); cursor: pointer; user-select: none; background: var(--uct-bg); transition: background var(--uct-ease); } .uct700__accordion > summary::-webkit-details-marker, .uct700__accordion > summary::marker { display: none; } .uct700__accordion > summary:hover { background: var(--uct-bg-alt); } .uct700__accordion > summary .uct-chev { width: 17px; height: 17px; flex-shrink: 0; color: var(--uct-ink-light); transition: transform var(--uct-ease); } .uct700__accordion[open] > summary .uct-chev { transform: rotate(180deg); } .uct700__accordion-body { padding: 10px 14px 14px; background: var(--uct-bg-alt); display: flex; flex-direction: column; gap: 8px; } .uct700__inner { border: 1px solid #dcdcdc; border-radius: var(--uct-radius-sm); overflow: hidden; background: var(--uct-bg); font-family: var(--uct-font); } .uct700__inner > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: clamp(12px,1.6vw,14px) clamp(14px,2vw,18px); font-size: clamp(12px,1.3vw,14px); font-weight: 600; letter-spacing: -.01em; color: var(--uct-ink-mid); cursor: pointer; user-select: none; background: var(--uct-bg); transition: background var(--uct-ease); } .uct700__inner > summary::-webkit-details-marker, .uct700__inner > summary::marker { display: none; } .uct700__inner > summary:hover { background: #fafafa; } .uct700__inner > summary .uct-chev { width: 15px; height: 15px; flex-shrink: 0; color: var(--uct-ink-light); transition: transform var(--uct-ease); } .uct700__inner[open] > summary .uct-chev { transform: rotate(180deg); } .uct700__inner-content { padding: clamp(12px,1.5vw,16px) clamp(14px,2vw,18px) clamp(14px,2vw,18px); font-size: clamp(12px,1.3vw,13.5px); font-weight: 400; line-height: 1.85; color: var(--uct-ink-mid); border-top: 1px solid #ececec; } .uct700__inner-content ul { list-style: none; padding: 0; margin: 0 0 12px; } .uct700__inner-content li { position: relative; padding-left: 16px; margin-bottom: 6px; } .uct700__inner-content li::before { content: "

"; position: absolute; left: 0; color: var(--uct-accent); font-weight: 700; } .uct700__inner-content p { margin: 0 0 8px; } .uct700__inner-content p:last-child { margin-bottom: 0; } @media (max-width: 480px) { .uct700__feature--alt { margin-left: 0; margin-right: 0; border-radius: 12px; margin-bottom: 32px; } .uct700__feature-img { border-radius: 12px; } } </style> <!-- ══════════════════════════