.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 Spigen Urban Fit is a magnetic card wallet made of durable nylon fabric and polyurethane (PU) that attaches to the back of your MagSafe-enabled phone or case in a single movement. Slim and lightweight, it completely eliminates the need for a traditional wallet – just bring your essentials.
The wallet holds up to three cards and features a convenient access slot on the bottom that allows you to slide your card out with a single thumb movement. The silicone bottom acts as a non-slip finish, preventing the wallet from falling out of your pocket when removing it. The thin profile allows you to comfortably slip the set into your pocket without unnecessary bulk.
The wallet is compatible with smartphones with built-in MagSafe and Samsung Galaxy devices – the latter requires a case with a built-in Magsafe magnetic ring or Magsafe magnetic plate.
Product features
- 100% Original
- Packed in original packaging
- Capacity: up to 3 cards
- Access hole on the bottom
- Anti-slip finish
- Quick and reliable attachment/detachment
- Slim profile, won't fill your pockets
Specification
Material
Nylon fabric + PU + silicone
Technology
MagFit / MagSafe
Compatibility
Samsung Galaxy S26 / S26 Plus / S26 Ultra / S25 / S25 Plus / S25 Ultra / S25 Edge / S24 / S24 Plus / S24 Ultra / Z Fold 7
– Magsafe ring case or Magsafe plate required –
iPhone 17 Pro Max / 17 Pro / 17 / 17e / Air / 16 Pro Max / 16 Pro / 16 Plus / 16 / 15 Pro Max / 15 Pro / 15 Plus / 15 / 14 / 13 / 12 Series;
Pixel 10 / Pixel 10a / Pixel 10 Pro / Pixel 10 Pro XL / Pixel 10 Fold / Pixel 9 Series; Plaud Note;
other devices and cases with MagSafe / Pixelsnap
The set includes
1 × Spigen Urban Fit Magnetic Wallet
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');
});
});
});
| Name |
Details |
| Category |
Phones and accessories |
| Producer |
Spigen |
| Department |
Electronics |
