/* I ELECTRONICS final link/scroll/mobile behavior patch - keeps original UI intact */
html, body { max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; }
img { max-width: 100%; }
body.ie-scroll-lock { overflow: hidden !important; }

/* Lock main navbar while scrolling without changing desktop design */
nav.ie-navbar-sticky { z-index: 90; }
body:not(.ie-home-page) nav.ie-navbar-sticky { position: sticky; top: 0; }
body.ie-home-page nav.ie-navbar-sticky.ie-scrolled {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: rgba(17, 24, 39, .94) !important;
  backdrop-filter: blur(14px);
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
}

.ie-mobile-menu-btn { display: none; width: 38px; height: 38px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.28); border-radius: 12px; color: inherit; background: transparent; }
.ie-mobile-menu-btn i { font-size: 16px; }
.ie-mobile-panel[hidden] { display: none !important; }
.ie-mobile-panel { position: fixed; inset: 0; z-index: 999; background: rgba(0,0,0,.62); padding: 76px 16px 20px; }
.ie-mobile-menu-card { background: #111827; color: #fff; border-radius: 24px; padding: 18px; box-shadow: 0 22px 60px rgba(0,0,0,.32); border: 1px solid rgba(255,255,255,.12); max-height: calc(100vh - 100px); overflow: auto; }
.ie-mobile-menu-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:10px; }
.ie-mobile-menu-head strong { letter-spacing: .08em; font-size: 15px; }
.ie-mobile-menu-close { width:36px; height:36px; border-radius:12px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#fff; }
.ie-mobile-menu-card a { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 10px; border-radius:14px; font-size:14px; font-weight:600; color:#fff; }
.ie-mobile-menu-card a:hover { background: rgba(255,255,255,.08); }
.ie-mobile-menu-card a::after { content:'›'; opacity:.55; font-size:20px; line-height:1; }

@media (max-width: 767px) {
  .ie-mobile-menu-btn { display: inline-flex; }
  nav.ie-navbar-sticky { padding-left: 16px !important; padding-right: 16px !important; }
  nav.ie-navbar-sticky h1 { font-size: 20px !important; }
  nav.ie-navbar-sticky h1 span { font-size: 17px !important; }
  nav.ie-navbar-sticky > div:last-child { gap: 16px !important; }
  header h1 { word-break: normal; }
}

@media (max-width: 520px) {
  .grid { min-width: 0; }
  input, select, textarea, button { max-width: 100%; }
  .max-w-\[1200px\], .max-w-\[1400px\] { max-width: 100% !important; }
}


/* Frontend completion polish: no broken image placeholders, category visuals and mobile-safe cards */
.ie-product-visual{border-radius:1.25rem;background:radial-gradient(circle at 30% 20%,rgba(70,116,233,.18),transparent 30%),linear-gradient(135deg,#f8fafc,#eef2ff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;color:#111827;text-align:center;min-height:100%;padding:1rem;overflow:hidden;position:relative;border:1px solid rgba(226,232,240,.72)}
.ie-product-visual:before{content:"";position:absolute;inset:auto -30% -45% -30%;height:70%;background:rgba(70,116,233,.10);border-radius:999px;transform:rotate(-8deg)}
.ie-product-visual i{font-size:2.25rem;color:#4674E9;position:relative;z-index:1}.ie-product-visual span{font-size:.68rem;line-height:1.15;text-transform:uppercase;letter-spacing:.13em;font-weight:800;color:#64748b;position:relative;z-index:1;max-width:9rem}.ie-product-visual[data-tone="orange"]{background:radial-gradient(circle at 30% 20%,rgba(249,115,22,.22),transparent 30%),linear-gradient(135deg,#fff7ed,#f8fafc)}.ie-product-visual[data-tone="orange"] i{color:#f97316}.ie-product-visual[data-tone="green"]{background:radial-gradient(circle at 30% 20%,rgba(16,185,129,.18),transparent 30%),linear-gradient(135deg,#ecfdf5,#f8fafc)}.ie-product-visual[data-tone="green"] i{color:#10b981}.ie-product-visual[data-tone="purple"]{background:radial-gradient(circle at 30% 20%,rgba(124,58,237,.18),transparent 30%),linear-gradient(135deg,#f5f3ff,#f8fafc)}.ie-product-visual[data-tone="purple"] i{color:#7c3aed}.ie-product-visual[data-tone="dark"]{background:radial-gradient(circle at 30% 20%,rgba(15,23,42,.18),transparent 30%),linear-gradient(135deg,#e5e7eb,#f8fafc)}.ie-product-visual[data-tone="dark"] i{color:#111827}
.ie-mini-brand-icon{width:100%;height:100%;border-radius:.9rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#fff);color:#4674E9;font-size:1.4rem;border:1px solid rgba(226,232,240,.75)}
.ie-instagram-tile{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111827,#4674E9);color:white;font-weight:900;letter-spacing:.18em;border-radius:.35rem}.ie-instagram-tile:nth-child(2n){background:linear-gradient(135deg,#4674E9,#0f172a)}.ie-category-backdrop{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111827,#334155);color:white}.ie-category-backdrop span{font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:1rem}.ie-map-card{background:radial-gradient(circle at 20% 15%,rgba(70,116,233,.20),transparent 30%),linear-gradient(135deg,#f8fafc,#e0e7ff 52%,#fff)}.ie-qty-btn{width:34px;height:34px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:800;transition:.2s}.ie-qty-btn:hover{background:#111827;color:white}
#ieHeroSlider .ie-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .75s ease;background:linear-gradient(135deg,#111827,#1f2937);overflow:hidden}#ieHeroSlider .ie-hero-slide.active{opacity:1}#ieHeroSlider .ie-hero-slide[data-tone="orange"]{background:linear-gradient(135deg,#0f172a,#7c2d12)}#ieHeroSlider .ie-hero-slide[data-tone="blue"]{background:linear-gradient(135deg,#020617,#1d4ed8)}.ie-hero-device{position:absolute;right:8%;top:18%;width:38vw;max-width:520px;aspect-ratio:1/1;border-radius:3rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;box-shadow:0 40px 120px rgba(0,0,0,.28);transform:rotate(-8deg)}.ie-hero-device i{font-size:clamp(6rem,14vw,12rem);color:rgba(255,255,255,.88)}.ie-hero-copy{display:none}.ie-hero-copy.active{display:block;animation:ieFadeUp .7s ease both}@keyframes ieFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ie-hero-dots button{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.38);border:0}.ie-hero-dots button.active{width:28px;background:white}
@media(max-width:767px){.ie-hero-device{right:-18%;top:28%;width:80vw;opacity:.65}.ie-product-visual i{font-size:1.9rem}.ie-product-visual span{font-size:.6rem}#product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#product-grid>a{padding:12px!important;border-radius:18px!important}#product-grid .h-40{height:7.5rem!important}.ie-mobile-panel{padding-top:68px}.ie-map-card{min-height:260px}.sticky{position:static!important}}
@media(max-width:420px){#product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.text-3xl{font-size:1.6rem!important}nav.ie-navbar-sticky>div:last-child>a:not(.relative),nav.ie-navbar-sticky>div:last-child>button:not(.ie-mobile-menu-btn){display:none}}

/* Side cart drawer - opens from right side without changing existing page UI */
.ie-cart-overlay[hidden]{display:none!important}
.ie-cart-overlay{position:fixed;inset:0;z-index:1200;background:rgba(15,23,42,.56);opacity:0;pointer-events:none;transition:opacity .28s ease;backdrop-filter:blur(3px)}
.ie-cart-overlay.is-open{opacity:1;pointer-events:auto}
.ie-cart-drawer{position:fixed;top:0;right:0;z-index:1201;width:min(440px,100vw);height:100dvh;background:#fff;box-shadow:-28px 0 70px rgba(15,23,42,.24);transform:translateX(105%);transition:transform .32s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column;border-left:1px solid #e5e7eb}
.ie-cart-drawer.is-open{transform:translateX(0)}
.ie-cart-head{padding:20px 22px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#fff,#f8fafc)}
.ie-cart-head h3{margin:0;font-size:18px;font-weight:800;color:#111827;letter-spacing:-.02em}.ie-cart-head p{margin:3px 0 0;font-size:12px;color:#64748b}.ie-cart-close{width:40px;height:40px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s}.ie-cart-close:hover{background:#111827;color:#fff;border-color:#111827}
.ie-cart-items{flex:1;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px;background:#fff}.ie-cart-empty{padding:34px 16px;text-align:center;color:#64748b}.ie-cart-empty i{font-size:38px;color:#cbd5e1;margin-bottom:12px}.ie-cart-empty strong{display:block;color:#111827;font-size:15px;margin-bottom:4px}
.ie-cart-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;border:1px solid #eef2f7;border-radius:18px;padding:10px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.04)}.ie-cart-thumb{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#f8fafc);display:flex;align-items:center;justify-content:center;color:#4674E9;border:1px solid #e5e7eb}.ie-cart-thumb i{font-size:23px}.ie-cart-info h4{font-size:13px;line-height:1.25;font-weight:700;color:#111827;margin:0 0 4px}.ie-cart-info p{font-size:12px;color:#64748b;margin:0}.ie-cart-qty{display:inline-flex;align-items:center;gap:8px;margin-top:8px;border:1px solid #e5e7eb;border-radius:999px;padding:4px;background:#f8fafc}.ie-cart-qty button{width:24px;height:24px;border:0;border-radius:999px;background:#fff;color:#111827;font-weight:800;line-height:1}.ie-cart-qty button:hover{background:#111827;color:#fff}.ie-cart-qty span{min-width:18px;text-align:center;font-size:12px;font-weight:800;color:#111827}.ie-cart-remove{border:0;background:transparent;color:#94a3b8;font-size:15px;padding:8px;border-radius:10px}.ie-cart-remove:hover{background:#fee2e2;color:#dc2626}
.ie-cart-foot{border-top:1px solid #eef2f7;padding:18px 22px 22px;background:#f8fafc}.ie-cart-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;color:#475569;font-size:13px}.ie-cart-row strong{font-size:18px;color:#111827}.ie-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.ie-cart-btn{height:48px;border-radius:15px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;text-align:center;transition:.2s;text-decoration:none}.ie-cart-btn.secondary{background:#fff;color:#111827;border:1px solid #e5e7eb}.ie-cart-btn.secondary:hover{border-color:#111827}.ie-cart-btn.primary{background:#4674E9;color:#fff;border:1px solid #4674E9;box-shadow:0 14px 28px rgba(70,116,233,.22)}.ie-cart-btn.primary:hover{background:#315ed8}.ie-cart-note{font-size:11px;color:#64748b;text-align:center;margin-top:12px;line-height:1.45}.ie-add-toast{position:fixed;right:18px;bottom:18px;z-index:1300;background:#111827;color:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 20px 45px rgba(15,23,42,.28);font-size:13px;font-weight:700;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}.ie-add-toast.show{opacity:1;transform:translateY(0)}
@media(max-width:520px){.ie-cart-drawer{width:100vw}.ie-cart-head{padding:18px}.ie-cart-items{padding:14px}.ie-cart-foot{padding:16px 18px 20px}.ie-cart-actions{grid-template-columns:1fr}.ie-cart-item{grid-template-columns:58px 1fr auto}.ie-cart-thumb{width:58px;height:58px}.ie-add-toast{left:14px;right:14px;bottom:14px;text-align:center}}


/* Organized assets + real low-size hero image backgrounds */
#ieHeroSlider .ie-hero-slide{background-position:center;background-size:cover;background-repeat:no-repeat;}
#ieHeroSlider .ie-hero-slide:nth-child(1){background-image:url('../images/hero/hero-accessories.webp');}
#ieHeroSlider .ie-hero-slide:nth-child(2){background-image:url('../images/hero/hero-charging.webp');}
#ieHeroSlider .ie-hero-slide:nth-child(3){background-image:url('../images/hero/hero-audio.webp');}
#ieHeroSlider .ie-hero-slide .ie-hero-device{display:none!important;}
.ie-cart-page-empty{background:#fff;border:1px solid #eef2f7;border-radius:24px;padding:42px 24px;text-align:center;color:#64748b;}
.ie-cart-page-empty i{font-size:44px;color:#cbd5e1;margin-bottom:14px;}
.ie-cart-page-empty strong{display:block;color:#111827;font-size:18px;margin-bottom:6px;}
.ie-cart-page-item{background:#fff;border:1px solid #eef2f7;border-radius:22px;padding:18px;display:grid;grid-template-columns:96px 1fr auto;gap:18px;align-items:center;box-shadow:0 10px 34px rgba(15,23,42,.04)}
.ie-cart-page-thumb{width:96px;height:96px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#f8fafc);color:#4674E9;border:1px solid #e5e7eb;}
.ie-cart-page-thumb i{font-size:34px}.ie-cart-page-item h3{font-size:16px;font-weight:800;color:#111827;margin:0}.ie-cart-page-item p{font-size:13px;color:#64748b;margin:4px 0 0}.ie-cart-page-price{font-size:16px;font-weight:800;color:#111827;text-align:right}.ie-cart-page-remove{margin-top:8px;font-size:12px;color:#dc2626;border:0;background:transparent;font-weight:700}.ie-cart-page-remove:hover{text-decoration:underline}.ie-cart-page-qty{display:inline-flex;align-items:center;gap:10px;margin-top:12px;border:1px solid #e5e7eb;border-radius:999px;padding:5px;background:#f8fafc}.ie-cart-page-qty button{width:28px;height:28px;border:0;border-radius:999px;background:#fff;color:#111827;font-weight:900}.ie-cart-page-qty button:hover{background:#111827;color:#fff}.ie-cart-page-qty span{min-width:22px;text-align:center;font-size:13px;font-weight:800;color:#111827}.ie-cart-page-clear{border:1px solid #fee2e2;background:#fff;color:#dc2626;border-radius:14px;padding:10px 14px;font-size:12px;font-weight:800}.ie-cart-page-clear:hover{background:#fee2e2}
@media(max-width:640px){.ie-cart-page-item{grid-template-columns:72px 1fr;align-items:start}.ie-cart-page-thumb{width:72px;height:72px}.ie-cart-page-price{text-align:left;grid-column:2}.ie-cart-page-item h3{font-size:14px}}

/* Step 6 uploaded product image support */
.ie-product-img,.ie-details-product-img{display:block;object-fit:contain;filter:drop-shadow(0 20px 35px rgba(15,23,42,.10))}
.ie-cart-thumb img,.ie-cart-page-thumb img{width:100%;height:100%;object-fit:contain;padding:6px;border-radius:inherit;display:block;background:#fff}
.ie-cart-page-thumb img{padding:8px}


/* Step 11 hero/public-ready polish */
#ieHeroSlider .ie-hero-slide{background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;}
#ieHeroSlider .ie-hero-slide:nth-child(1){background-image:url('../images/hero/hero-accessories.webp')!important;background-position:center center!important;}
#ieHeroSlider .ie-hero-slide:nth-child(2){background-image:url('../images/hero/hero-charging.webp')!important;background-position:center center!important;}
#ieHeroSlider .ie-hero-slide:nth-child(3){background-image:url('../images/hero/hero-used-iphones.webp')!important;background-position:center center!important;}
#ieHeroSlider::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(2,6,23,.82) 0%,rgba(2,6,23,.54) 35%,rgba(2,6,23,.12) 68%,rgba(2,6,23,0) 100%);pointer-events:none;}
#ieHeroSlider > .absolute.inset-0.bg-gradient-to-r{display:none!important;}
[data-product-variants] select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;}
@media(max-width:767px){#ieHeroSlider{height:620px!important;}#ieHeroSlider .ie-hero-slide{background-position:62% center!important;}#ieHeroSlider::after{background:linear-gradient(180deg,rgba(2,6,23,.88) 0%,rgba(2,6,23,.64) 48%,rgba(2,6,23,.2) 100%);}#ieHeroSlider .relative.z-10{padding-left:24px!important;padding-right:24px!important;}}

[data-cart-add].ie-added{background:#16a34a!important;color:#fff!important;box-shadow:0 14px 28px rgba(22,163,74,.22)!important;}

/* Final cart decision: no side drawer/sidebar. Use /cart.html only. */
.ie-cart-overlay,.ie-cart-drawer{display:none!important;visibility:hidden!important;pointer-events:none!important;}