
Magazin urmărit
Urmărim codurile, promoțiile și produsele active pentru havit-romania, iar magazinul oficial funcționează pe havit-romania.ro.
<style> .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-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-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(14px,1.5vw,17px); color: var(–uct-ink-mid); line-height: 1.75; margin: 0; } .uct700__feature–alt { background: var(–uct-bg-alt); border-radius: var(–uct-radius-lg); margin: 0 clamp(0px,2vw,24px) clamp(16px,2vw,24px); padding: clamp(32px,4vw,56px) clamp(16px,4vw,40px); } .uct700__feature-img { max-width: 860px; margin: 0 auto; border-radius: var(–uct-radius-lg); overflow: hidden; box-shadow: var(–uct-shadow-media); } .uct700__feature-img img { display: block; width: 100%; height: auto; } .uct700__compliance { margin-top: clamp(40px,6vw,80px); border-top: 1px solid #e5e5ea; padding-top: clamp(20px,3vw,32px); } .uct700__accordion { border: 1px solid #e5e5ea; border-radius: var(–uct-radius-sm); overflow: hidden; } .uct700__accordion > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: clamp(14px,1.8vw,18px) clamp(16px,2.5vw,22px); font-size: clamp(13px,1.4vw,15px); 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__accordion > summary::-webkit-details-marker, .uct700__accordion > summary::marker { display: none; } .uct700__accordion > summary:hover { background: #fafafa; } .uct700__accordion > summary .uct-chev { width: 16px; height: 16px; 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 { border-top: 1px solid #e5e5ea; } .uct700__inner { border-bottom: 1px solid #ececec; } .uct700__inner:last-child { border-bottom: none; } .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> <!– ══════════════════════════════════════════════════════════ TEMPLATE BLOCK START ══════════════════════════════════════════════════════════ –> <div class=”uct700″> <div class=”uct700__hero”> <h1 class=”uct700__hero-title”>Cablu magnetic USB C la USB C Havit CB6310, PD60W, 1m</h1> <p class=”uct700__hero-lead”>Cablul CB6389, USB C la USB C, este un cablu magnetic cu pliere automata, suporta o putere de incarcare de pana la 60W, are o lungime 1 m si este plat si captusit cu nailon impletit</p> </div> <hr class=”uct700__divider” /> <div class=”uct700__feature uct700__feature–alt”> <div class=”uct700__feature-text”> <h2 class=”uct700__feature-title”>Ultra plat!</h2> <p class=”uct700__feature-desc”>Cablu are un design ultra plat se pliaza magnetic pentru a evita incurcarea.</p> </div> <div class=”uct700__feature-img”> <img src=”{{media url=”wysiwyg/Product_Description/CB6389_d1.jpg”}}” alt=”Ultra plat!” /> </div> </div> <div class=”uct700__feature uct700__feature–alt”> <div class=”uct700__feature-text”> <h2 class=”uct700__feature-title”>Pliere magnetica!</h2> <p class=”uct700__feature-desc”>CB6389 se plieaza magnetic instantaneu si este ideal pentru a mentine un birou ordonat sau pentru transport.</p> </div> <div class=”uct700__feature-img”> <img src=”{{media url=”wysiwyg/Product_Description/CB6389_d2.jpg”}}” alt=”Pliere magnetica!” /> </div> </div> <div class=”uct700__feature uct700__feature–alt”> <div class=”uct700__feature-text”> <h2 class=”uct700__feature-title”>Incarcare ultra rapida – PD60W!</h2> <p class=”uct700__feature-desc”>Poate incarca dispozitivele tale cu o putere de pana la 60W.</p> </div> <div class=”uct700__feature-img”> <img src=”{{media url=”wysiwyg/Product_Description/CB6389_d3.jpg”}}” alt=”Incarcare ultra rapida – PD60W!” /> </div> </div> <div class=”uct700__feature uct700__feature–alt”> <div class=”uct700__feature-text”> <h2 class=”uct700__feature-title”>Incarcare si transfer de date!</h2> <p class=”uct700__feature-desc”>Cablul poate incarca simultan cu transferul de date din dispozitivul tau.</p> </div> <div class=”uct700__feature-img”> <img src=”{{media url=”wysiwyg/Product_Description/CB6389_d4.jpg”}}” alt=”Incarcare si transfer de date!” /> </div> </div> <div class=”uct700__feature uct700__feature–alt”> <div class=”uct700__feature-

