<link href="https://bsr-city.com/?f=15664390937" rel="canonical"> <meta property="og:site_name" content="bsr-city.com"> <meta property="og:url" content="https://bsr-city.com/?f=15664390937"> <meta property="og:title" content="Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www"> <meta property="og:type" content="product"> <meta property="og:description" content="Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www"> <meta property="og:image" content="https://cdn.shopify.com/s/files/1/0876/5898/7835/files/iconogarantia_a650a1d7-f944-4e59-bde9-214dda94d510.webp?v=1718484407"> <meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0876/5898/7835/files/iconogarantia_a650a1d7-f944-4e59-bde9-214dda94d510.webp?v=1718484407"> <meta property="og:image:width" content="1024"> <meta property="og:image:height" content="1024"> <meta property="og:price:amount" content="19.00"> <meta property="og:price:currency" content="EUR"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www"> <meta name="twitter:description" content="Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www"> <meta name="twitter:image" content="https://cdn.shopify.com/s/files/1/0876/5898/7835/files/iconogarantia_a650a1d7-f944-4e59-bde9-214dda94d510.webp?v=1718484407"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","additionalProperty":[{"@type":"PropertyValue","name":"Color","value":["Charcoal","Cobalt Violet","Lavender"]}],"aggregateRating":{"@type":"AggregateRating","bestRating":5,"ratingValue":4.6219,"reviewCount":10},"brand":{"@type":"brand","name":"bsr-city.com"},"description":"Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12\" \u003cp\u003e\u003ciframe title=\"YouTube video player\" src=\"https://www","image":["https://cdn.shopify.com/s/files/1/0876/5898/7835/files/iconogarantia_a650a1d7-f944-4e59-bde9-214dda94d510.webp?v=1718484407"],"name":"Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12\" \u003cp\u003e\u003ciframe title=\"YouTube video player\" src=\"https://www","offers":[{"@type":"Offer","acceptedPaymentMethod":["http://purl.org/goodrelations/v1#PayPal","http://purl.org/goodrelations/v1#MasterCard"],"availability":"https://schema.org/InStock","availableDeliveryMethod":["http://purl.org/goodrelations/v1#DeliveryModeFreight"],"category":"garantia-estuche-defender-gris-naranja-iphone-11-pro-58","price":"19.00","priceCurrency":"USD","sku":"75296898474","url":"https://bsr-city.com/?f=15664390937"}],"productID":"75296898474","review":{"@type":"Review","author":{"@type":"Organization","name":"bsr-city.com"},"reviewRating":{"@type":"Rating","bestRating":"5","ratingValue":"4.6"}},"sku":"75296898474"}</script> <script type="application/ld+json"></script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "bsr-city.com", "url": "https://bsr-city.com/", "logo": "https://cdn.shopify.com/s/files/1/0876/5898/7835/files/iconogarantia_a650a1d7-f944-4e59-bde9-214dda94d510.webp?v=1718484407", "email": "contactus@bsr-city.com", "contactPoint": { "@type": "ContactPoint", "telephone": "+1-323-325-2832", "contactType": "customer service", "email": "contactus@bsr-city.com" } } </script> <title>Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www – bsr-city.com</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Marcellus&display=swap" rel="stylesheet"> <style> :root { --dl-void: #0E0E0E; --dl-charcoal: #161616; --dl-panel: #1C1C1C; --dl-line: rgba(201, 169, 98, 0.28); --dl-gold: #C9A962; --dl-gold-soft: #E4D4A8; --dl-gold-deep: #A8873E; --dl-ivory: #E8E2D6; --dl-muted: #9A948A; --dl-font-display: 'Marcellus', Georgia, serif; --dl-font-body: 'DM Sans', system-ui, sans-serif; --dl-max: 1180px; --dl-header-h: 70px; } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; font-family: var(--dl-font-body); font-size: 15px; line-height: 1.6; color: var(--dl-ivory); background: radial-gradient(ellipse 70% 45% at 50% -5%, rgba(201, 169, 98, 0.12), transparent 55%), linear-gradient(180deg, var(--dl-void) 0%, #121212 100%); overflow-x: hidden; } body.drawer-open { overflow: hidden; } img { max-width: 100%; height: auto; display: block; } a { color: var(--dl-gold); text-decoration: none; } a:hover { color: var(--dl-gold-soft); } h1, h2, h3, h4 { font-family: var(--dl-font-display); font-weight: 400; line-height: 1.2; margin: 0 0 0.5em; color: var(--dl-ivory); letter-spacing: 0.02em; } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .dl-announce { background: linear-gradient(90deg, var(--dl-gold-deep), var(--dl-gold), var(--dl-gold-deep)); color: var(--dl-void); text-align: center; padding: 9px 16px; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; } .dl-announce a { color: var(--dl-void); text-decoration: underline; text-underline-offset: 3px; } .dl-header { background: rgba(14, 14, 14, 0.92); backdrop-filter: blur(14px); border-bottom: 1px solid var(--dl-line); position: sticky; top: 0; z-index: 100; } .dl-header__inner { max-width: var(--dl-max); margin: 0 auto; padding: 0 22px; height: var(--dl-header-h); display: flex; align-items: center; gap: 18px; } .dl-logo { font-family: var(--dl-font-display); font-size: 1.35rem; color: var(--dl-gold); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.08em; text-transform: uppercase; } .dl-logo:hover { color: var(--dl-gold-soft); } .dl-main-nav { display: none; list-style: none; margin: 0; padding: 0; gap: 2px; flex: 1; justify-content: center; } .dl-main-nav a { display: block; padding: 10px 12px; font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dl-ivory); min-height: 44px; line-height: 24px; } .dl-main-nav a:hover { color: var(--dl-gold); } .dl-header__actions { display: flex; align-items: center; gap: 2px; margin-left: auto; } .dl-header__search { display: none; position: relative; } .dl-header__search input { width: 170px; padding: 9px 36px 9px 12px; border: 1px solid var(--dl-line); border-radius: 0; font-family: var(--dl-font-body); font-size: 12px; background: var(--dl-charcoal); color: var(--dl-ivory); } .dl-header__search input:focus { outline: none; border-color: var(--dl-gold); } .dl-header__search button { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; padding: 8px; color: var(--dl-gold); min-width: 36px; min-height: 36px; } .dl-icon-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px; border: none; background: none; cursor: pointer; color: var(--dl-ivory); text-decoration: none; font-family: var(--dl-font-body); font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; } .dl-icon-btn:hover { color: var(--dl-gold); } .dl-icon-btn svg { width: 22px; height: 22px; } .dl-menu-toggle { display: flex; } .dl-desktop-only { display: none; } #drawer-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.65); z-index: 200; opacity: 0; visibility: hidden; transition: opacity 0.28s, visibility 0.28s; } #drawer-overlay.is-visible { opacity: 1; visibility: visible; } #mobile-drawer { position: fixed; top: 0; right: 0; left: auto; width: min(340px, 90vw); height: 100dvh; background: var(--dl-charcoal); z-index: 201; transform: translateX(100%); transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1); display: flex; flex-direction: column; overflow: hidden; border-left: 1px solid var(--dl-line); } #mobile-drawer.is-open { transform: translateX(0); } .dl-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--dl-line); flex-shrink: 0; background: var(--dl-void); } .dl-drawer__title { font-family: var(--dl-font-display); font-size: 1.1rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dl-gold); } .dl-drawer__close { min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; background: none; border: 1px solid var(--dl-line); cursor: pointer; color: var(--dl-ivory); } .dl-drawer__close:hover { border-color: var(--dl-gold); color: var(--dl-gold); } .dl-drawer__body { flex: 1; overflow-y: auto; padding: 18px 18px 32px; } .dl-drawer__search { margin-bottom: 22px; } .dl-drawer__search form { display: flex; gap: 0; } .dl-drawer__search input { flex: 1; padding: 12px 14px; border: 1px solid var(--dl-line); border-right: none; border-radius: 0; font-family: var(--dl-font-body); font-size: 13px; background: var(--dl-panel); color: var(--dl-ivory); } .dl-drawer__search button { min-width: 44px; min-height: 44px; background: var(--dl-gold); color: var(--dl-void); border: 1px solid var(--dl-gold); cursor: pointer; } .dl-drawer__nav { list-style: none; margin: 0 0 24px; padding: 0; border-top: 1px solid var(--dl-line); } .dl-drawer__nav li { border-bottom: 1px solid var(--dl-line); } .dl-drawer__nav a { display: block; padding: 14px 2px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dl-ivory); min-height: 44px; } .dl-drawer__nav a:hover { color: var(--dl-gold); } .dl-drawer__account { display: flex; flex-direction: column; gap: 4px; padding-top: 12px; border-top: 1px solid var(--dl-gold); } .dl-drawer__account a { display: block; padding: 12px 2px; font-weight: 600; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dl-gold); min-height: 44px; } .dl-main { max-width: var(--dl-max); margin: 0 auto; padding: 28px 22px 64px; } .dl-breadcrumb { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--dl-muted); margin-bottom: 28px; } .dl-breadcrumb a { color: var(--dl-muted); } .dl-breadcrumb a:hover { color: var(--dl-gold); } .dl-breadcrumb span { margin: 0 8px; color: rgba(201, 169, 98, 0.35); } .dl-product { display: grid; gap: 32px; margin-bottom: 48px; align-items: start; } .dl-product__gallery { background: var(--dl-panel); border: 1px solid var(--dl-line); padding: 16px; } .dl-product__info { display: flex; flex-direction: column; gap: 16px; padding: 8px 0; } .dl-product__badge { display: inline-block; width: fit-content; font-size: 10px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: var(--dl-void); background: var(--dl-gold); padding: 6px 12px; } .dl-product__title { font-size: clamp(1.7rem, 3.5vw, 2.6rem); color: var(--dl-ivory); } .dl-product__meta { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--dl-muted); margin: 0; } .dl-product__rating { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--dl-gold-soft); } .dl-product__price-row { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; padding: 16px 0; border-top: 1px solid var(--dl-line); border-bottom: 1px solid var(--dl-line); } .dl-product__price { font-family: var(--dl-font-display); font-size: 2rem; color: var(--dl-gold); letter-spacing: 0.04em; } .dl-product__old-price { font-size: 1rem; color: var(--dl-muted); text-decoration: line-through; } .dl-product__installment { font-size: 13px; color: var(--dl-muted); line-height: 1.55; margin: 0; } .dl-product__installment strong { color: var(--dl-gold-soft); font-weight: 600; } .dl-product__installment a { margin-left: 4px; text-decoration: underline; text-underline-offset: 2px; font-weight: 600; } .dl-add-form button[type="submit"] { width: 100%; padding: 16px 28px; background: transparent; color: var(--dl-gold); border: 1px solid var(--dl-gold); border-radius: 0; font-family: var(--dl-font-body); font-size: 12px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; transition: background 0.2s, color 0.2s; min-height: 52px; } .dl-add-form button[type="submit"]:hover { background: var(--dl-gold); color: var(--dl-void); } .dl-info-sections { background: var(--dl-panel); border: 1px solid var(--dl-line); padding: 12px 24px 28px; margin-bottom: 44px; } .dl-reviews-wrap, .dl-recommend { margin-bottom: 44px; } .dl-footer { background: #080808; color: rgba(232, 226, 214, 0.85); padding: 52px 22px 28px; border-top: 1px solid var(--dl-gold); } .dl-footer a { color: rgba(232, 226, 214, 0.9); } .dl-footer a:hover { color: var(--dl-gold); } .dl-footer__grid { max-width: var(--dl-max); margin: 0 auto 40px; display: grid; gap: 32px; } .dl-footer__brand h3 { font-size: 1.35rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--dl-gold); margin-bottom: 12px; } .dl-footer__brand p { font-size: 13px; line-height: 1.7; margin: 0 0 18px; color: rgba(232, 226, 214, 0.55); font-weight: 400; font-family: var(--dl-font-body); } .dl-footer__social { display: flex; gap: 8px; flex-wrap: wrap; } .dl-footer__social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid var(--dl-line); border-radius: 0; transition: background 0.15s, border-color 0.15s; } .dl-footer__social a:hover { background: var(--dl-gold); border-color: var(--dl-gold); color: var(--dl-void); } .dl-footer__social svg { width: 18px; height: 18px; fill: currentColor; } .dl-footer h4 { font-family: var(--dl-font-body); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dl-gold); margin-bottom: 14px; font-weight: 600; } .dl-footer__links { list-style: none; margin: 0; padding: 0; } .dl-footer__links li { margin-bottom: 8px; } .dl-footer__links a { font-size: 13px; letter-spacing: 0.02em; } .dl-footer address { font-style: normal; font-size: 13px; line-height: 1.85; font-family: var(--dl-font-body); } .dl-footer__subscribe form { display: flex; gap: 0; flex-wrap: wrap; } .dl-footer__subscribe input[type="email"] { flex: 1; min-width: 200px; padding: 12px 14px; border: 1px solid var(--dl-line); border-radius: 0; background: transparent; color: var(--dl-ivory); font-family: var(--dl-font-body); font-size: 13px; } .dl-footer__subscribe input::placeholder { color: rgba(232, 226, 214, 0.35); } .dl-footer__subscribe button { padding: 12px 18px; background: var(--dl-gold); color: var(--dl-void); border: 1px solid var(--dl-gold); border-radius: 0; font-family: var(--dl-font-body); font-weight: 600; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; min-height: 44px; } .dl-footer__subscribe button:hover { background: var(--dl-gold-soft); } .dl-footer__payments { max-width: var(--dl-max); margin: 0 auto 24px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .dl-footer__payments svg { height: 28px; width: auto; } .dl-footer__bottom { max-width: var(--dl-max); margin: 0 auto; padding-top: 22px; border-top: 1px solid rgba(201, 169, 98, 0.2); font-size: 11px; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(232, 226, 214, 0.4); line-height: 1.8; } .dl-footer__bottom a { margin: 0 4px; } @media (min-width: 750px) { .dl-main-nav { display: flex; } .dl-header__search { display: block; } .dl-menu-toggle { display: none; } .dl-desktop-only { display: inline-flex; } .dl-product { grid-template-columns: 1.35fr 0.65fr; gap: 48px; } .dl-product__gallery { position: sticky; top: calc(var(--dl-header-h) + 16px); align-self: start; } .dl-add-form button[type="submit"] { width: auto; min-width: 260px; } .dl-footer__grid { grid-template-columns: 1.35fr 1fr 1fr 1fr; } } @media (max-width: 749px) { .dl-header__inner { gap: 8px; padding: 0 14px; } .dl-logo { font-size: 1.05rem; letter-spacing: 0.04em; } .dl-main { padding: 20px 14px 56px; } .dl-product__gallery { padding: 10px; } .dl-info-sections { padding: 8px 16px 22px; } .dl-add-form button[type="submit"] { width: 100%; } } /* 暗黑主题：覆盖浅色底片段的深色字，并修正白底片段继承的象牙色标题 */ #ep-size-selector-root .product-option-info, #ep-size-selector-root .product-form__option-name, #ep-size-selector-root .ep-size-selector__value { color: var(--dl-ivory) !important; } .ep-measurement-fragment, .ep-measurement-fragment .ep-ms-trigger { color: var(--dl-gold-soft) !important; } .ep-measurement-fragment .ep-ms-trigger--chart { color: rgba(232, 226, 214, 0.75) !important; } #ep-product-description.product-form__text, #ep-product-description summary.heading, #ep-product-description .product-form-text, #ep-product-description .product-form-text :is(p, li, h3, b, strong, span, td, th, div), #ep-exchange-return-notes.product-form__text, #ep-exchange-return-notes summary.heading, #ep-exchange-return-notes .product-form-text, #ep-exchange-return-notes .product-form-text :is(p, li, strong, span, b) { color: var(--dl-ivory) !important; } #ep-product-description.product-form__text, #ep-exchange-return-notes.product-form__text { border-top-color: var(--dl-line) !important; } #ep-product-description a, #ep-exchange-return-notes a { color: var(--dl-gold) !important; } #ep-product-description summary.heading::after, #ep-exchange-return-notes summary.heading::after { color: var(--dl-gold) !important; } /* 白底 / 浅底片段：强制深色字（避免继承 body/h* 的象牙色） */ #ep-shipping-estimate.shipping_time__text.shipping_time, #ep-shipping-estimate .heading, #ep-shipping-estimate .ships_within, #ep-shipping-estimate .countryBox, #ep-shipping-estimate .ico { color: #1c1f1f !important; } #ep-recommand, #ep-recommand :is(h1, h2, h3, h4, .ep-rc__title, .ep-rc__name, .ep-rc__price, .ep-rc__sold), #ep-random-products, #ep-random-products :is(h1, h2, h3, h4, .ep-rp__title, .ep-rp__name, .ep-rp__price), #ep-discover-niche, #ep-discover-niche :is(h1, h2, h3, h4) { color: #111 !important; } #ep-recommand a, #ep-random-products a, #ep-discover-niche a { color: #111; } #ep-recommand a:hover, #ep-random-products a:hover, #ep-discover-niche a:hover { color: var(--dl-gold-deep); } /* 评论区：铺浅色面板，保留片段原有深色排版 */ #ep-pdp-reviews { background: #F4F0E8 !important; color: #101010 !important; padding: 24px 20px !important; border: 1px solid var(--dl-line); border-radius: 0; } #ep-pdp-reviews :is(h1, h2, h3, h4, p, span, li, button, a, label, input) { color: inherit; } #ep-pdp-reviews :is(h1, h2, h3, h4) { color: #101010 !important; } </style> </head> <body> <div class="dl-announce"> <a href="https://bsr-city.com/collections/all">Complimentary shipping over $150 · Private atelier edit</a> </div> <header class="dl-header"> <div class="dl-header__inner"> <button type="button" class="dl-icon-btn dl-menu-toggle" id="menu-toggle" aria-label="Open menu" aria-expanded="false" aria-controls="mobile-drawer"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg> </button> <a class="dl-logo" href="https://bsr-city.com/">bsr-city.com</a> <nav aria-label="Primary"> <ul class="dl-main-nav"> <li><a href="https://bsr-city.com/">Home</a></li> <li><a href="https://bsr-city.com/collections/all">Shop All</a></li> <li><a href="https://bsr-city.com/collections/"></a></li> <li><a href="https://bsr-city.com/collections/new-arrivals">New Arrivals</a></li> <li><a href="https://bsr-city.com/collections/sale">Sale</a></li> </ul> </nav> <div class="dl-header__actions"> <div class="dl-header__search"> <form action="https://bsr-city.com/search" method="get" role="search"> <input type="search" name="q" placeholder="Search..." aria-label="Search"> <button type="submit" aria-label="Submit search"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="18" height="18"><circle cx="11" cy="11" r="7"/><path d="M20 20l-4-4"/></svg> </button> </form> </div> <a class="dl-icon-btn dl-desktop-only" href="https://bsr-city.com/account/login">Login</a> <a class="dl-icon-btn dl-desktop-only" href="https://bsr-city.com/account/register">Register</a> <a class="dl-icon-btn" href="https://bsr-city.com/cart" aria-label="Cart"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M6 6h15l-1.5 9h-12z"/><circle cx="9" cy="20" r="1"/><circle cx="18" cy="20" r="1"/><path d="M6 6L5 3H2"/></svg> </a> </div> </div> </header> <div id="drawer-overlay" aria-hidden="true"></div> <aside id="mobile-drawer" aria-hidden="true" aria-label="Mobile navigation"> <div class="dl-drawer__head"> <span class="dl-drawer__title">bsr-city.com</span> <button type="button" class="dl-drawer__close" id="drawer-close" aria-label="Close menu"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="22" height="22"><path d="M6 6l12 12M18 6L6 18"/></svg> </button> </div> <div class="dl-drawer__body"> <div class="dl-drawer__search"> <form action="https://bsr-city.com/search" method="get" role="search"> <input type="search" name="q" placeholder="Search..." aria-label="Search"> <button type="submit" aria-label="Submit search"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" width="20" height="20"><circle cx="11" cy="11" r="7"/><path d="M20 20l-4-4"/></svg> </button> </form> </div> <ul class="dl-drawer__nav"> <li><a href="https://bsr-city.com/">Home</a></li> <li><a href="https://bsr-city.com/collections/all">Shop All</a></li> <li><a href="https://bsr-city.com/collections/"></a></li> <li><a href="https://bsr-city.com/collections/new-arrivals">New Arrivals</a></li> <li><a href="https://bsr-city.com/collections/sale">Sale</a></li> </ul> <div class="dl-drawer__account"> <a href="https://bsr-city.com/account/login">Login</a> <a href="https://bsr-city.com/account/register">Register</a> <a href="https://bsr-city.com/cart">Cart</a> </div> </div> </aside> <main class="dl-main"> <nav class="dl-breadcrumb" aria-label="Breadcrumb"> <a href="https://bsr-city.com/">Home</a><span>/</span> <a href="https://bsr-city.com/collections/"></a><span>/</span> <span aria-current="page">Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www</span> </nav> <article class="dl-product"> <div class="dl-product__gallery"> <!-- EP (v3.3+ SingleMainImageMode): minimal_four / product_gallery ；Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www image_0 --> <section id="ep-minimal-gallery" class="ep-minimal-gallery ep-single-main-gallery" aria-label="Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www"> <style> /* 与 minimal_four_image_gallery_fragment （v5/v6/v7/v9） */ .product-information__media.product-media-content:has(#ep-minimal-gallery.ep-minimal-gallery), .product-information__media:has(#ep-minimal-gallery.ep-minimal-gallery), .product-information__media:has(> .ep-pdp-gallery-wrap) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; align-self: start !important; box-sizing: border-box; } .product-information__media:has(.ep-pdp-gallery-wrap) .ep-pdp-gallery-wrap { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; display: block; } .product-information__grid:has(.ep-pdp-gallery-wrap), .product-information__grid:has(.product-information__media #ep-minimal-gallery), .product.product--thumbnails-left:has(.ep-pdp-gallery-wrap), .product.product--thumbnails-left:has(.product-information__media #ep-minimal-gallery), .product.product--thumbnails-left:has(.product-media-content #ep-minimal-gallery) { align-items: start !important; } .product-information__media:has(.ep-pdp-gallery-wrap) { align-self: start !important; height: auto !important; } .product__media-wrapper:has(#ep-minimal-gallery) { max-width: 100%; min-width: 0; } @media (min-width: 1000px) { .product.product--thumbnails-left { display: grid !important; grid-template-columns: minmax(0, 58%) minmax(0, 42%) !important; align-items: start !important; column-gap: 24px !important; } .product.product--thumbnails-left > .product-media-content, .product.product--thumbnails-left > .product-information__media, .product.product--thumbnails-left > .product__info, .product.product--thumbnails-left > .product__media-wrapper { max-width: 100% !important; min-width: 0 !important; } .product.product--thumbnails-left > .product-media-content, .product.product--thumbnails-left > .product-information__media, .product.product--thumbnails-left > .product__media-wrapper { grid-column: 1 !important; } .product.product--thumbnails-left > .product__info { grid-column: 2 !important; margin-top: 0 !important; } } @media (max-width: 999px) { .product.product--thumbnails-left { display: block !important; } .product.product--thumbnails-left > .product-media-content, .product.product--thumbnails-left > .product-information__media, .product.product--thumbnails-left > .product__info, .product.product--thumbnails-left > .product__media-wrapper { max-width: 100% !important; } } #ep-minimal-gallery.ep-minimal-gallery { display: flex; flex-direction: column; align-items: flex-start; flex: 0 0 auto; width: 100%; max-width: 95%; min-width: 0; height: auto; margin: 0; padding-bottom: 0; box-sizing: border-box; align-self: start; } .product-information__media:has(#ep-minimal-gallery) #ep-minimal-gallery.ep-minimal-gallery, .product-information__media:has(.ep-pdp-gallery-wrap) #ep-minimal-gallery.ep-minimal-gallery { max-width: 100%; min-width: 0 !important; } #ep-minimal-gallery .ep-minimal-gallery__main-wrap { position: relative; width: 100%; aspect-ratio: 1 / 1; line-height: 0; border: 1px solid #eee; border-radius: 10px; overflow: hidden; background: #fff; } #ep-minimal-gallery .ep-minimal-gallery__main { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; aspect-ratio: unset; object-fit: cover; background: #f7f7f7; } @media (min-width: 750px) { .product-information__media:has(.ep-pdp-gallery-wrap) .ep-pdp-gallery-wrap { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; } .product-information__media:has(.ep-pdp-gallery-wrap) #ep-minimal-gallery.ep-minimal-gallery, .product-information__media:has(#ep-minimal-gallery) #ep-minimal-gallery.ep-minimal-gallery { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; align-items: flex-start; } .product-information__media:has(.ep-pdp-gallery-wrap) #ep-minimal-gallery .ep-minimal-gallery__main-wrap { width: 100% !important; max-width: 100% !important; max-height: min(calc(100dvh - 220px), 80vw, 720px); } /* v9： template_v9 grid-column:1/-1 */ .product-information__grid.product-information--media-left:has(#ep-minimal-gallery) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; column-gap: 48px !important; align-items: start !important; } .product-information__grid:has(#ep-minimal-gallery) > .product-information__media { grid-column: 1 !important; grid-row: 1 !important; width: 100% !important; max-width: 100% !important; } .product-information__grid:has(#ep-minimal-gallery) > .product-details { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } } @media (max-width: 768px) { #ep-minimal-gallery.ep-minimal-gallery { max-width: 100%; } #ep-minimal-gallery .ep-minimal-gallery__main-wrap { aspect-ratio: 3 / 4; max-height: min(85vw, 520px); } } </style> <div class="ep-minimal-gallery__main-wrap"> <img class="ep-minimal-gallery__main" src="https://cdn.shopify.com/s/files/1/0876/5898/7835/files/iconogarantia_a650a1d7-f944-4e59-bde9-214dda94d510.webp?v=1718484407" alt="Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www" loading="eager" fetchpriority="high" decoding="async"/> </div> </section> </div> <div class="dl-product__info"> <span class="dl-product__badge"></span> <h1 class="dl-product__title">Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www</h1> <p class="dl-product__meta">SKU: 75296898474</p> <div class="dl-product__rating" aria-label="Product rating"> <svg viewBox="0 0 24 24" width="16" height="16" fill="var(--dl-gold)"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg> <span>4.6</span> </div> <div class="dl-product__price-row"> <span class="dl-product__price">EUR19.00</span> <span class="dl-product__old-price">EUR57.00</span> </div> <p class="dl-product__installment"> Pay in 4 interest-free payments of <strong>$4.75</strong> <a href="https://www.shopify.com/shop-pay/installments" rel="noopener" target="_blank">Learn more</a> </p> <!-- EP shipping estimate: {{{shipping_estimate_fragment}}} --> <style> #ep-shipping-estimate.shipping_time__text.shipping_time { box-sizing: border-box; display: block; margin: 0; padding: 16px 18px; border: 1px solid #e0e0e0; background: #fff; font-size: 14px; line-height: 1.4; color: #1c1f1f; } #ep-shipping-estimate .heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; padding: 0; border: none; font-size: 15px; font-weight: 600; } #ep-shipping-estimate .countryBox { position: relative; font-size: 14px; font-weight: 400; } #ep-shipping-estimate .country { margin-right: 4px; } #ep-shipping-estimate .countryBox .btn { margin: 0; padding: 0; border: none; background: none; font: inherit; color: inherit; text-decoration: underline; cursor: pointer; } #ep-shipping-estimate .countryBox ul { display: none; position: absolute; right: 0; top: 100%; z-index: 20; list-style: none; margin: 6px 0 0; padding: 6px 0; min-width: 88px; background: #fff; border: 1px solid #e0e0e0; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } #ep-shipping-estimate .countryBox ul.is-open { display: block; } #ep-shipping-estimate .countryBox li { padding: 6px 14px; cursor: pointer; } #ep-shipping-estimate .countryBox li:hover, #ep-shipping-estimate .countryBox li.on { background: #f5f5f5; } #ep-shipping-estimate .standard { display: flex; align-items: flex-start; gap: 12px; } #ep-shipping-estimate .standard .ico { flex: 0 0 30px; width: 30px; height: 30px; color: #1c1f1f; } #ep-shipping-estimate .standard .ico svg { display: block; width: 30px; height: 30px; } #ep-shipping-estimate .ships_within { margin: 0; font-size: 14px; font-weight: 400; } @media (max-width: 640px) { #ep-shipping-estimate.shipping_time__text.shipping_time { padding: 12px 14px; } #ep-shipping-estimate .heading { font-size: 14px; margin-bottom: 10px; } #ep-shipping-estimate .ships_within { font-size: 13px; } } </style> <div id="ep-shipping-estimate" class="shipping_time__text shipping_time ep-shipping-fragment" data-sku-extended-shipping="75296898474" data-ep-shipping-root> <h2 class="heading"> Shipping Estimate <div class="countryBox"> <span class="country">USA</span> <button type="button" class="btn">Change</button> <ul> <li class="on" data-country="USA" data-d1="2" data-d2="7">USA</li> <li data-country="CAN" data-d1="7" data-d2="20">CAN</li> </ul> </div> </h2> <div class="standard"> <div class="ico" aria-hidden="true"> <svg viewBox="0 0 24 24" width="30" height="30" fill="currentColor"><path d="M3 6h11v2h2.5L19 12.5V18h-2v-1.5H7V18H5V8H3V6zm2 8h10v-2H7v2zm12-4.8L14.8 8H13v6h4.2l-2-2.8zM7 19.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm10 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/></svg> </div> <p class="ships_within">Ships within 48 hours · Estimated delivery <span class="s_time-1">Jul 30</span> - <span class="s_time-2">Aug 4</span></p> </div> </div> <script> (function () { if (window.__epShippingFragmentInit) return; window.__epShippingFragmentInit = true; var DAY = 86400000; function fmt(d) { return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' }); } function setDates(root, d1, d2) { var now = Date.now(); var s1 = root.querySelector('.s_time-1'); var s2 = root.querySelector('.s_time-2'); if (s1) s1.textContent = fmt(new Date(now + d1 * DAY)); if (s2) s2.textContent = fmt(new Date(now + d2 * DAY)); } function closeMenu(box) { var ul = box && box.querySelector('ul'); if (ul) ul.classList.remove('is-open'); } document.addEventListener('click', function (e) { var root = e.target.closest('[data-ep-shipping-root]'); if (!root) return; var box = root.querySelector('.countryBox'); if (!box) return; var ul = box.querySelector('ul'); if (e.target.closest('.countryBox .btn')) { e.preventDefault(); if (ul) ul.classList.toggle('is-open'); return; } var li = e.target.closest('.countryBox li'); if (li && ul) { e.preventDefault(); ul.querySelectorAll('li').forEach(function (el) { el.classList.remove('on'); }); li.classList.add('on'); var c = box.querySelector('.country'); if (c) c.textContent = li.getAttribute('data-country') || li.textContent.trim(); setDates(root, parseInt(li.getAttribute('data-d1') || '2', 10), parseInt(li.getAttribute('data-d2') || '7', 10)); closeMenu(box); return; } if (!e.target.closest('.countryBox')) closeMenu(box); }); })(); </script> <form class="dl-add-form" action="https://bsr-city.com/cart/add" method="post"> <input name="product-id" type="hidden" value="2465883"> <button type="submit" name="add">Add to Cart</button> </form> </div> </article> <section class="dl-info-sections" aria-label="Product details"> <!-- EP product description: {{{product_description_fragment}}} --> <style> #ep-product-description.product-form__text { box-sizing: border-box; border-top: 1px solid #e0e0e0; margin: 12px 0 0; padding: 14px 0 0; font-size: 14px; line-height: 1.5; color: #1c1f1f; } #ep-product-description summary.heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 15px; font-weight: 600; line-height: 1.3; cursor: pointer; user-select: none; list-style: none; } #ep-product-description summary.heading::-webkit-details-marker { display: none; } #ep-product-description summary.heading::after { content: "+"; font-size: 18px; font-weight: 400; line-height: 1; flex-shrink: 0; } #ep-product-description[open] summary.heading::after { content: "−"; } #ep-product-description .product-form-text { display: block; margin-top: 10px; max-width: 100%; overflow-x: auto; overflow-wrap: break-word; } #ep-product-description .product-form-text :is(img, video, iframe) { max-width: 100% !important; width: auto !important; height: auto !important; display: block; margin: 8px 0; } #ep-product-description .product-form-text table { max-width: 100%; width: 100% !important; table-layout: fixed; border-collapse: collapse; } #ep-product-description .product-form-text :is(td, th) { word-wrap: break-word; overflow-wrap: break-word; } #ep-product-description .product-form-text p { margin: 0 0 0.5em; line-height: 1.35; } #ep-product-description .product-form-text b { font-weight: 600; } #ep-product-description .itemBox.care_srotage { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 12px; } #ep-product-description .itemBox.care_srotage .item { flex: 1 1 200px; min-width: 0; } #ep-product-description .itemBox.care_srotage h3 { margin: 0 0 8px; font-size: 14px; font-weight: 600; } #ep-product-description .itemBox.care_srotage ul { list-style: disc; margin: 0; padding-left: 1.25rem; } #ep-product-description .itemBox.care_srotage li { margin-bottom: 4px; } @media (max-width: 640px) { #ep-product-description.product-form__text { padding-top: 12px; margin-top: 10px; font-size: 13px; } #ep-product-description summary.heading { font-size: 14px; } #ep-product-description .itemBox.care_srotage { flex-direction: column; gap: 12px; } } </style> <details id="ep-product-description" class="product-form__text ep-product-description-fragment" open> <summary class="heading">Description</summary> <div class="product-form-text"> <p><p><iframe title="YouTube video player" src="https://www</p> <p>emparejándose con la estética de tu equipo</p> <p>Transferencia de datos y conexi√≥n de red sin esfuerzo: los dos puertos USB 3</p> <p>Si tu bandeja original se ha dañado</p> <p>Antistatic Repair Mat</p> <p>Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www</p> </div> </details> <!-- EP exchange/return notes: {{{exchange_or_return_notes_fragment}}} --> <style> #ep-exchange-return-notes.product-form__text { box-sizing: border-box; border-top: 1px solid #e0e0e0; margin: 12px 0 0; padding: 14px 0 0; font-size: 14px; line-height: 1.5; color: #1c1f1f; } #ep-exchange-return-notes summary.heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 15px; font-weight: 600; line-height: 1.3; cursor: pointer; user-select: none; list-style: none; } #ep-exchange-return-notes summary.heading::-webkit-details-marker { display: none; } #ep-exchange-return-notes summary.heading::after { content: "+"; font-size: 18px; font-weight: 400; line-height: 1; flex-shrink: 0; } #ep-exchange-return-notes[open] summary.heading::after { content: "−"; } #ep-exchange-return-notes .product-form-text { display: block; margin-top: 10px; } #ep-exchange-return-notes .product-form-text ul { list-style: disc; margin: 0; padding-left: 1.25rem; } #ep-exchange-return-notes .product-form-text li { margin-bottom: 4px; line-height: 1.35; } @media (max-width: 640px) { #ep-exchange-return-notes.product-form__text { padding-top: 12px; margin-top: 10px; font-size: 13px; } #ep-exchange-return-notes summary.heading { font-size: 14px; } } </style> <details id="ep-exchange-return-notes" class="product-form__text ep-exchange-return-notes-fragment" open> <summary class="heading">Exchange/Return Notes</summary> <div class="product-form-text"> <ul> <li>We offer a <strong>30-day </strong>return/exchange service after receiving.</li> <li><strong>Final sale items</strong> are not eligible for returns or exchanges.</li> <li>To process your return/exchange, <strong>please contact us</strong> at customerservice@bsr-city.com</li> <li>Please click here for more details>>> <a href="https://bsr-city.com/pages/return-policy" title="Return & Exchange Policy">Return & Exchange Policy</a></li> </ul> </div> </details> </section> <!-- EP random products fragment; showcase_20~39 20 --> <section id="ep-random-products" class="ep-random-products-fragment" aria-label="Random products"> <style> #ep-random-products { box-sizing: border-box; width: 100%; margin: 20px 0; padding: 0 20px 24px; background: #fff; border-radius: 8px; color: #111; } #ep-random-products *, #ep-random-products *::before, #ep-random-products *::after { box-sizing: border-box; } #ep-random-products .ep-rp__title { margin: 0; padding: 20px 0 12px; font-size: 20px; font-weight: 600; line-height: 1.2; } #ep-random-products .ep-rp__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; } #ep-random-products .ep-rp__card { border-radius: 8px; overflow: hidden; background: #fff; transition: transform 0.25s ease, box-shadow 0.25s ease; } @media (hover: hover) and (pointer: fine) { #ep-random-products .ep-rp__card:hover { transform: translateY(-4px); box-shadow: 0 8px 20px rgba(0,0,0,.08); } #ep-random-products .ep-rp__card:hover .ep-rp__img img { transform: scale(1.05); } } #ep-random-products .ep-rp__img { display: block; aspect-ratio: 1; overflow: hidden; background: #f7f7f7; border-radius: 8px 8px 0 0; } #ep-random-products .ep-rp__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; } #ep-random-products .ep-rp__body { padding: 8px 10px 10px; } #ep-random-products .ep-rp__name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 34px; margin: 0 0 6px; font-size: 12px; line-height: 1.35; color: #111; text-decoration: none; } #ep-random-products .ep-rp__name:hover { color: #a257cc; } #ep-random-products .ep-rp__price { margin: 0 0 4px; font-size: 15px; font-weight: 600; } #ep-random-products .ep-rp__rating { margin: 0; font-size: 11px; color: #666; } #ep-random-products .ep-rp__stars { color: #f5a623; letter-spacing: 1px; } @media (max-width: 1200px) { #ep-random-products .ep-rp__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (max-width: 900px) { #ep-random-products .ep-rp__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 640px) { #ep-random-products { padding: 0 16px 20px; } #ep-random-products .ep-rp__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } } </style> <h2 class="ep-rp__title">You may also like</h2> <div class="ep-rp__grid"> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=90761507709"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=90761507709">SHEHDS SMH120WWC - Foco Móvil Wash LED 120W RGBW + Blanco Frío/Cálido CTO Lámparas especiales y automoción</a> <p class="ep-rp__price">US$ 154.17</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.4 (11 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=82657798758"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=82657798758">SHEHDS RCBaP0618F – Foco PAR LED a Batería 6×18W RGBAW+UV con Control Inalámbrico y WiFi Packs ahorro</a> <p class="ep-rp__price">US$ 167.80</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.9 (7 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=43460959008"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=43460959008">NAIL FACTORY LACCOVER ONE SHOT 14 ML. PHOTO SHOOT TONO 7.45</a> <p class="ep-rp__price">US$ 160.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (25 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=50695712949"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=50695712949">NAIL FACTORY ACRILICO PINK 01 OZ RUBIO CLARISIMO COBRE IRISADO DORADO</a> <p class="ep-rp__price">US$ 108.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.4 (30 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=5087793931"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=5087793931">ALFA PARF SDL RECONSTRUCCION ANTI-BREAKAGE DAILY FLUID 125 ML. 5GS</a> <p class="ep-rp__price">US$ 229.50</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (8 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=49849643289"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=49849643289">SANTORINI DIJES</a> <p class="ep-rp__price">US$ 2299.50</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.0 (27 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=74136946315"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=74136946315">Polera Ghetto Child Talla:M</a> <p class="ep-rp__price">US$ 13995.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.9 (19 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=82729143819"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=82729143819">Zapatillas Ipath “Reed Mid-Top“ - verde/amarillo/rasta sk8</a> <p class="ep-rp__price">US$ 54995.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (20 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=25855431082"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=25855431082">MuxLab 500993 - Fuente de alimentación universal 5VDC/2.6A con adaptadores US/UK/EU Postes separadores y catenarias</a> <p class="ep-rp__price">US$ 30.79</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.7 (17 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=89208811378"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=89208811378">SHEHDS MNBWBE0740D - JMS WEBB Small Bee Eye 7×40 W RGBW Moving Head Zoom & Beam & Wash Barras LED wash y pixel</a> <p class="ep-rp__price">US$ 162.45</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (11 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=81874654062"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=81874654062">MuxLab 500998 - Emisor de Infrarrojos (IR) Disparadores de CO2</a> <p class="ep-rp__price">US$ 26.40</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.6 (14 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=31302234684"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=31302234684">MuxLab IMU-500994 - Receptor Infrarrojo 12VDC, 1M Máquinas de chispa fría y spark</a> <p class="ep-rp__price">US$ 27.85</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (15 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=81931946333"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=81931946333">Triton Blue TS10300065 - Soporte TSTUDIO para Cuchillas de Recorte 80x0.8 mm Chasis y accesorios para distribución AV</a> <p class="ep-rp__price">US$ 16.13</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (11 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=52292875855"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=52292875855">SHEHDS KWZMH3618F – Wash Zoom Moving Head 36×18W RGBWA+UV Auriculares Bluetooth y portátiles</a> <p class="ep-rp__price">US$ 124.95</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.8 (10 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=75998585744"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=75998585744">SHEHDS SpMHW80W - Spot LED Moving Head 3 con Prisma 3 Caras y Gobo Recambios y balastros</a> <p class="ep-rp__price">US$ 105.10</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.8 (20 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=92250138317"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=92250138317">NAIL FACTORY ACRILICO WHITE 07 OZ MASCARILLA PARA CABELLO DAÑADO</a> <p class="ep-rp__price">US$ 272.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.0 (9 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=45079557389"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=45079557389">BEAUTY CREATIONS NIGHT OUT SOMBRAS #EPD02 LIGUITAS</a> <p class="ep-rp__price">US$ 118.99</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 5.0 (30 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=95419515798"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=95419515798">BEAUTY CREATIONS FLAWLESS STAY FOUNDATION 30 ML. FS 1.5 TONO 4.45</a> <p class="ep-rp__price">US$ 195.00</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.5 (27 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=4513276971"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=4513276971">SHEHDS FC10-RCBaP0618F-BPEU - Flight Case Recargable 10in1 para 6×18W PAR LED Sistemas de presentación AV</a> <p class="ep-rp__price">US$ 258.82</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.0 (27 reviews)</p> </div> </article> <article class="ep-rp__card"> <a class="ep-rp__img" href="https://bsr-city.com/?i=40130319114"></a> <div class="ep-rp__body"> <a class="ep-rp__name" href="https://bsr-city.com/?i=40130319114">SHEHDS Bulb Beam 380W 19R con Función RDM Adaptadores para torres y elevación</a> <p class="ep-rp__price">US$ 299.45</p> <p class="ep-rp__rating"><span class="ep-rp__stars" aria-hidden="true">★★★★★</span> 4.9 (7 reviews)</p> </div> </article> </div> </section> <section class="dl-reviews-wrap" aria-label="Reviews"> </section> <!-- EP recommand products (v2/v7): {{{recommand_products_fragment}}}；showcase_5~10（v7 为 product_id 6 ） --> <section id="ep-recommand" class="ep-recommand-products-fragment" aria-label="Recommand products"> <style> #ep-recommand { box-sizing: border-box; width: 100%; margin: 20px 0; padding: 0 20px 24px; background: #fff; border-radius: 8px; color: #111; } #ep-recommand *, #ep-recommand *::before, #ep-recommand *::after { box-sizing: border-box; } #ep-recommand .ep-rc__title { margin: 0; padding: 20px 0; font-size: 20px; font-weight: 600; line-height: 1.2; text-transform: capitalize; } #ep-recommand .ep-rc__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; } #ep-recommand .ep-rc__card { border-radius: 8px; overflow: hidden; background: #fff; transition: transform 0.25s ease, box-shadow 0.25s ease; } @media (hover: hover) and (pointer: fine) { #ep-recommand .ep-rc__card:hover { transform: translateY(-6px); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1); } #ep-recommand .ep-rc__card:hover .ep-rc__img { transform: scale(1.06); } } #ep-recommand .ep-rc__img { display: block; aspect-ratio: 1; overflow: hidden; background: #f7f7f7; border-radius: 8px 8px 0 0; } #ep-recommand .ep-rc__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; } #ep-recommand .ep-rc__body { padding: 8px 10px 10px; } #ep-recommand .ep-rc__name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; min-height: 34px; margin: 0 0 6px; font-size: 12px; line-height: 1.35; color: #111; text-decoration: none; } #ep-recommand .ep-rc__name:hover { color: #a257cc; } #ep-recommand .ep-rc__price { margin: 0 0 4px; font-size: 16px; font-weight: 600; } #ep-recommand .ep-rc__meta { margin: 0 0 6px; font-size: 12px; } #ep-recommand .ep-rc__rating { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin: 0 0 6px; font-size: 12px; } #ep-recommand .ep-rc__stars { color: #f5a623; letter-spacing: 1px; font-size: 11px; } #ep-recommand .ep-rc__sold { margin: 0; font-size: 12px; } #ep-recommand .ep-rc__sold a { color: #a257cc; text-decoration: underline; } @media (min-width: 1536px) { #ep-recommand .ep-rc__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (max-width: 1100px) { #ep-recommand .ep-rc__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 768px) { #ep-recommand { padding: 0 16px 20px; } #ep-recommand .ep-rc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } } </style> <h2 class="ep-rc__title">recommand products</h2> <div class="ep-rc__grid"> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://bsr-city.com/?i=11122441440"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://bsr-city.com/?i=11122441440">Plancha Plana Elemento Caliente Platinum Genius - Patrones Curlers</a> <p class="ep-rc__price">US$ 1320.00</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.3 (22 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://bsr-city.com/?i=21579441554"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://bsr-city.com/?i=21579441554">Anillo Poza Ovalada - Plata ear cuff</a> <p class="ep-rc__price">US$ 2330.00</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.3 (10 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://bsr-city.com/?i=50455519998"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://bsr-city.com/?i=50455519998">High Tide | Crop Top "Surf The High" | High Tides Club Talla:L</a> <p class="ep-rc__price">US$ 299.50</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.3 (20 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://bsr-city.com/?i=38703496277"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://bsr-city.com/?i=38703496277">Dije Corazón Matices Chico Dorado pendant</a> <p class="ep-rc__price">US$ 1132.50</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.2 (9 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://bsr-city.com/?i=98975535507"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://bsr-city.com/?i=98975535507">OZeta | Chest Bag Tamaño:4x4 XL</a> <p class="ep-rc__price">US$ 440.00</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.4 (30 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> <article class="ep-rc__card"> <a class="ep-rc__img" href="https://bsr-city.com/?i=86210202939"></a> <div class="ep-rc__body"> <a class="ep-rc__name" href="https://bsr-city.com/?i=86210202939">POTE CON SAL DE MARAS ADEREZO ESPECIAL - CONDIMENTO MOLIDO - 200g #REGALOS</a> <p class="ep-rc__price">US$ 20.00</p> <p class="ep-rc__meta">Min. order: 1 piece</p> <p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.9 (18 reviews)</p> <p class="ep-rc__sold">Sold : <a href="#">Login>></a></p> </div> </article> </div> </section> </main> <footer class="dl-footer"> <div class="dl-footer__grid"> <div class="dl-footer__brand"> <h3>bsr-city.com</h3> <p>Garantia Estuche Defender Gris / Naranja- IPHONE 11 PRO (5.8) Carcasa superior MacBook Retina 12" <p><iframe title="YouTube video player" src="https://www</p> <div class="dl-footer__social"> <a href="https://www.facebook.com/sharer.php?u=https://bsr-city.com/?f=15664390937" rel="noopener" target="_blank" aria-label="Facebook"> <svg viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> </a> <a href="https://www.instagram.com/" rel="noopener" target="_blank" aria-label="Instagram"> <svg viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg> </a> <a href="https://www.youtube.com/" rel="noopener" target="_blank" aria-label="YouTube"> <svg viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg> </a> <a href="https://www.tiktok.com/" rel="noopener" target="_blank" aria-label="TikTok"> <svg viewBox="0 0 24 24"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 2.05 2.99 3.81 2.2 1.23-.5 2.01-1.73 2.03-3.03.05-2.89.02-5.78.03-8.67.01-2.68 0-5.35.02-8.03z"/></svg> </a> <a href="https://twitter.com/intent/tweet?url=https://bsr-city.com/?f=15664390937" rel="noopener" target="_blank" aria-label="X (Twitter)"> <svg viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> </a> <a href="https://www.pinterest.com/pin/create/button/?url=https://bsr-city.com/?f=15664390937" rel="noopener" target="_blank" aria-label="Pinterest"> <svg viewBox="0 0 24 24"><path d="M12 0C5.373 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.632-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12 0-6.628-5.373-12-12-12z"/></svg> </a> </div> </div> <div class="dl-footer__contact"> <h4>Contact Us</h4> <address> 123 Commerce Street<br> Los Angeles, CA 90015, USA<br> <a href="tel:+13233252832">+1 (323) 325-2832</a><br> <a href="mailto:contactus@bsr-city.com">contactus@bsr-city.com</a><br> bsr-city.com </address> </div> <div class="dl-footer__menu"> <h4>About</h4> <ul class="dl-footer__links"> <li><a href="https://bsr-city.com/pages/about-us">About Us</a></li> <li><a href="https://bsr-city.com/pages/contact-us">Contact Us</a></li> <li><a href="https://bsr-city.com/pages/faq">FAQ</a></li> <li><a href="https://bsr-city.com/pages/track-order">Track Order</a></li> </ul> </div> <div class="dl-footer__menu"> <h4>Policies</h4> <ul class="dl-footer__links"> <li><a href="https://bsr-city.com/policies/refund-policy">Refund Policy</a></li> <li><a href="https://bsr-city.com/policies/privacy-policy">Privacy Policy</a></li> <li><a href="https://bsr-city.com/policies/terms-of-service">Terms of Service</a></li> <li><a href="https://bsr-city.com/policies/shipping-policy">Shipping Policy</a></li> <li><a href="https://bsr-city.com/policies/contact-information">Contact Information</a></li> </ul> </div> </div> <div class="dl-footer__subscribe dl-footer__grid" style="grid-template-columns:1fr;margin-bottom:28px;"> <div> <h4>Private List</h4> <form action="https://bsr-city.com/contact#ContactFooter" method="post"> <input type="email" name="contact[email]" placeholder="Your email address" required aria-label="Email for newsletter"> <button type="submit">Subscribe</button> </form> </div> </div> <div class="dl-footer__payments" aria-label="Accepted payment methods"> <svg viewBox="0 0 38 24" aria-label="Visa" role="img"><rect width="38" height="24" rx="0" fill="#1A1F71"/><text x="19" y="16" text-anchor="middle" fill="#fff" font-size="10" font-weight="bold" font-family="Arial">VISA</text></svg> <svg viewBox="0 0 38 24" aria-label="Mastercard" role="img"><rect width="38" height="24" rx="0" fill="#252525"/><circle cx="15" cy="12" r="7" fill="#EB001B"/><circle cx="23" cy="12" r="7" fill="#F79E1B"/></svg> <svg viewBox="0 0 38 24" aria-label="American Express" role="img"><rect width="38" height="24" rx="0" fill="#006FCF"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-size="7" font-weight="bold" font-family="Arial">AMEX</text></svg> <svg viewBox="0 0 38 24" aria-label="PayPal" role="img"><rect width="38" height="24" rx="0" fill="#003087"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-size="8" font-weight="bold" font-family="Arial">PayPal</text></svg> <svg viewBox="0 0 38 24" aria-label="Apple Pay" role="img"><rect width="38" height="24" rx="0" fill="#000"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-size="7" font-family="Arial"> Apple Pay</text></svg> <svg viewBox="0 0 38 24" aria-label="Shop Pay" role="img"><rect width="38" height="24" rx="0" fill="#5A31F4"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-size="7" font-weight="bold" font-family="Arial">Shop Pay</text></svg> </div> <div class="dl-footer__bottom"> © 2026, bsr-city.com bsr-city.com · <a href="https://bsr-city.com/policies/refund-policy">Refund Policy</a> · <a href="https://bsr-city.com/policies/privacy-policy">Privacy Policy</a> · <a href="https://bsr-city.com/policies/terms-of-service">Terms of Service</a> · <a href="https://bsr-city.com/policies/shipping-policy">Shipping Policy</a> · <a href="https://bsr-city.com/policies/contact-information">Contact Information</a> </div> </footer> <script> (function () { var toggle = document.getElementById('menu-toggle'); var drawer = document.getElementById('mobile-drawer'); var overlay = document.getElementById('drawer-overlay'); var closeBtn = document.getElementById('drawer-close'); function openDrawer() { drawer.classList.add('is-open'); overlay.classList.add('is-visible'); document.body.classList.add('drawer-open'); toggle.setAttribute('aria-expanded', 'true'); drawer.setAttribute('aria-hidden', 'false'); overlay.setAttribute('aria-hidden', 'false'); } function closeDrawer() { drawer.classList.remove('is-open'); overlay.classList.remove('is-visible'); document.body.classList.remove('drawer-open'); toggle.setAttribute('aria-expanded', 'false'); drawer.setAttribute('aria-hidden', 'true'); overlay.setAttribute('aria-hidden', 'true'); } if (toggle) toggle.addEventListener('click', openDrawer); if (closeBtn) closeBtn.addEventListener('click', closeDrawer); if (overlay) overlay.addEventListener('click', closeDrawer); document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeDrawer(); }); })(); </script> </body> </html>