.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 MagPeak MagSafe CC case is a stylish and durable accessory with a built-in MagSafe system, providing full compatibility with magnetic accessories such as chargers, mounts and wallets. The precisely manufactured design fits the smartphone perfectly, while the raised edges around the screen and camera effectively protect the device from scratches and impacts during everyday use.
The case features a specially designed protective Camera Control button that works with the camera control function. Its cover is touch-sensitive, providing excellent responsiveness while maintaining full functionality.
The lightweight hybrid construction made of durable materials gives the case an elegant look and a comfortable grip. The integrated MagSafe module works seamlessly with the entire ecosystem of magnetic accessories. Precise cutouts provide unrestricted access to all ports and buttons, while installation and removal are exceptionally easy.
Additional camera island protection in the form of a removable cover protects the lenses from scratches and can be freely removed when needed.
Product features
- 100% original
- Packaged in the original packaging
- Hybrid, one-piece construction
- Built-in MagSafe module
- Raised edges
- Touch-sensitive button
- Button covers
- Easy installation and removal
Specifications
Compatibility
Apple iPhone 17 Pro Max / 18 Pro Max
Colour
Matte Pink / Matte Pink
Set includes
1 × Tech-Protect MagPeak MagSafe CC Case
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');
});
});
});
