.fd-accordion-container {
max-width: 882px;
margin: 0 auto;
font-family: inherit;
color: #333333;
line-height: 1.6;
font-size: 16px;
}
.fd-accordion-container *,
.fd-accordion-container *::before,
.fd-accordion-container *::after {
box-sizing: border-box;
font-family: inherit;
}
.fd-accordion-item {
border-bottom: 1px solid #f3f2f1;
display: grid;
grid-template-columns: 200px 1fr;
gap: 32px;
padding: 26px 0;
cursor: pointer;
align-items: start;
margin: 0;
}
.fd-accordion-header { transition: all 0.3s ease; }
.fd-accordion-title {
font-size: 11pt;
font-weight: 600;
letter-spacing: 0.011em;
padding-top: 2px;
text-transform: uppercase;
margin: 0;
}
.fd-accordion-right { position: relative; }
.fd-accordion-header-right { position: absolute; top: 0; right: 0; }
.fd-accordion-icon { width: 24px; height: 24px; position: relative; flex-shrink: 0; }
.fd-accordion-icon::before,
.fd-accordion-icon::after {
content: '';
position: absolute;
background: #1d1d1f;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.fd-accordion-icon::before { width: 11px; height: 1.5px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fd-accordion-icon::after { width: 1.5px; height: 11px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fd-accordion-item.active .fd-accordion-icon::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.fd-accordion-content {
overflow: hidden;
display: grid;
grid-template-rows: 1fr;
transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
padding-right: 40px;
}
.fd-accordion-content-inner {
padding-bottom: 26px;
line-height: 1.7;
overflow: hidden;
opacity: 1;
transform: translateY(0);
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content { grid-template-rows: 0fr; }
.fd-accordion.js-initialized .fd-accordion-item:not(.active) .fd-accordion-content-inner { opacity: 0; transform: translateY(-8px); }
.fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content { grid-template-rows: 1fr; }
.fd-accordion.js-initialized .fd-accordion-item.active .fd-accordion-content-inner { opacity: 1; transform: translateY(0); }
.fd-accordion-content p { margin: 0 0 16px 0; padding: 0; color: #333333; }
.fd-accordion-content p:last-child { margin-bottom: 0; }
.fd-accordion-content ul { list-style-type: none; padding: 0; margin: 0; }
.fd-accordion-content ul li { padding: 4px 0 4px 16px; position: relative; color: #333333; margin: 0; }
.fd-accordion-content ul li::before { content: '•'; position: absolute; left: 0; font-weight: 600; }
.fd-spec-table { width: 100%; }
.fd-spec-row { display: grid; grid-template-columns: 140px 1fr; padding: 12px 0; border-bottom: 1px solid #f3f2f1; gap: 16px; }
.fd-spec-row:last-child { border-bottom: none; }
.fd-spec-label { font-weight: 600; color: #333333; }
.fd-spec-value { color: #333333; }
.fd-accordion-icon-mobile { display: none; }
@media (max-width: 768px) {
.fd-accordion-item { display: block; cursor: pointer; padding: 0; }
.fd-accordion-header { padding: 16px 0; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.fd-accordion-right { padding: 0; position: static; }
.fd-accordion-header-right { display: none; }
.fd-accordion-content { padding-right: 0; }
.fd-accordion-icon { display: none; }
.fd-accordion-icon-mobile { display: block; width: 20px; height: 20px; position: relative; flex-shrink: 0; margin-left: 20px; }
.fd-accordion-icon-mobile::before,
.fd-accordion-icon-mobile::after { content: ''; position: absolute; background: #1d1d1f; transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
.fd-accordion-icon-mobile::before { width: 11px; height: 1.5px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fd-accordion-icon-mobile::after { width: 1.5px; height: 11px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fd-accordion-item.active .fd-accordion-icon-mobile::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.fd-accordion-content-inner { padding-bottom: 16px; }
.fd-spec-row { grid-template-columns: 1fr; gap: 8px; }
.fd-spec-label { font-weight: 700; }
.fd-accordion-item:last-child .fd-accordion-content-inner { padding-bottom: 8px; }
}
Description The Tech-Protect MMC01 Ultraboost is a magnetic USB-C cable with charging support up to 140W, designed for MacBooks equipped with a MagSafe 3 connector. The magnetic tip makes connecting the charger quick and secure – simply bring the cable close to the port, and the magnet will snap it shut. If tugged, the connector safely releases, protecting your laptop from tipping over or damaging the port. A high-quality braided material protects the cable from abrasion and premature wear, while zinc-plated ends give it a robust, durable feel. The 140W output efficiently charges MacBook Pros, including models requiring high power consumption. The 200cm cable allows you to work without having to sit next to a power outlet. Product features 100% Original Packed in original packaging Magnetic connector Charging power up to 140W Interface: USB-C / MagSafe 3 Braid made of durable material Zinc alloy tips Specification Model MMC01 Ultraboost Compatibility Apple MacBook with MagSafe 3 connector Interface USB-C / MagSafe 3 Power 140W (28V / 5A) Length 200 cm Material Zinc alloy (ends) + braid Libra 60 g Color White The set includes 1 × Tech-Protect MMC01 Ultraboost USB-C / MagSafe 3 Cable
document.addEventListener('DOMContentLoaded', function() {
const accordion = document.querySelector('.fd-accordion');
const accordionItems = document.querySelectorAll('.fd-accordion-item');
function isInEditor() {
if (window.frameElement) return true;
if (document.designMode === 'on') return true;
if (document.body.contentEditable === 'true') return true;
if (window.location.href.includes('/admin')) return true;
if (window.location.href.includes('/edit')) return true;
if (window.location.href.includes('editor')) return true;
if (document.querySelector('[contenteditable="true"]')) return true;
if (document.querySelector('.cke_editable, .mce-content-body, .fr-element')) return true;
return false;
}
if (isInEditor()) { return; }
accordion.classList.add('js-initialized');
accordionItems.forEach((item, index) => {
if (index === 0) { item.classList.add('active'); } else { item.classList.remove('active'); }
});
accordionItems.forEach(item => {
item.addEventListener('click', function(e) {
const selection = window.getSelection();
if (selection && selection.toString().length > 0) { return; }
this.classList.toggle('active');
});
});
});