- New
(edit with the Customer Reassurance module)
(edit with the Customer Reassurance module)
(edit with the Customer Reassurance module)
.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-accordion-content ol { padding: 0; margin: 0 0 0 20px; } .fd-accordion-content ol li { padding: 4px 0; color: #333333; margin: 0; } .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: default; 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 Spigen Glas.tR EZ Fit Optik Pro HD is an advanced protective glass designed specifically for your smartphone's camera. EZ Fit completely transforms the installation experience – the screen protectors are secured with a perfectly cut mounting frame that allows for perfect positioning. Installation has been simplified to the point of being completely intuitive for every user. Maximum light transmission ensures your photos retain their original quality without distortion, smudges, or unwanted flash reflections. An oleophobic coating prevents fingerprints and makes it easy to keep clean, ensuring the lens is always ready to capture perfect shots. Product features 100% Original Packed in original packaging 9H hardness protects against scratches Maximum light transmission No flash reflections or distortions Fingerprint-resistant oleophobic coating Specification Type Lens hood Material Tempered glass Shell Oleophobic Hardness 9H Compatibility Google Pixel 11 The set includes 2 × Spigen Optik Pro HD Tempered Glass 2 × Installation kit 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 isMobile = window.innerWidth 0) { return; } if (isMobile) { const header = this.querySelector('.fd-accordion-header'); if (!header.contains(e.target)) return; } this.classList.toggle('active'); }); }); });
Specific References