:root {
  --ig-bg: #000;
  --ig-surface: #0d0d0f;
  --ig-surface-2: #151517;
  --ig-border: #262629;
  --ig-text: #f5f5f7;
  --ig-muted: #86868b;
  --ig-blue: #b9bbc2;
  --ig-green: #30d158;
}
/* Neutral controls across public pages. */
.ig-auth-page .ig-auth-primary { color:#18181a; background:#f5f5f7; box-shadow:none; }
.ig-auth-page .ig-auth-primary:hover { color:#111; background:#fff; box-shadow:none; }
.ig-auth-page .ig-auth-glow { background:radial-gradient(circle,rgba(255,255,255,.045),transparent 68%); }
.ig-auth-page .ig-auth-heading>span,.ig-auth-page .ig-auth-switch a,.ig-auth-page .ig-auth-switch a:hover { color:#d2d2d7; }
.ig-auth-page .ig-auth-field>div:focus-within,.ig-home-search:focus-within { border-color:#85858e; box-shadow:0 0 0 3px #ffffff0a; }
.ig-auth-page .ig-auth-field>div:focus-within>svg { color:#d2d2d7; }
.ig-header .ig-cart span,.ig-mobile-bottom-nav a b { color:#171719; background:#e4e4e8; }
.ig-drawer.open nav a.active .ig-drawer-link-icon,.ig-drawer.open .ig-drawer-quick-links svg { color:#f5f5f7; }
.ig-drawer.open nav a b { background:#d2d2d7; color:#171719; }

.apple-layout { min-height: 100vh; color: var(--ig-text); background: var(--ig-bg)!important; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", sans-serif; }
.apple-layout h1,.apple-layout h2,.apple-layout h3,.apple-layout h4 { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif; }
.ig-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.ig-home-search-wrap { padding-top:20px; }
.ig-home-search { display:flex; align-items:center; gap:12px; min-height:54px; padding:6px 7px 6px 17px; border:1px solid #2a2a2d; border-radius:17px; background:#141416; transition:border-color .2s,box-shadow .2s; }
.ig-home-search:focus-within { border-color:#64adff; box-shadow:0 0 0 3px rgba(41,151,255,.1); }
.ig-home-search>svg { width:19px; height:19px; flex:none; color:#8e8e95; }
.ig-home-search input { flex:1; min-width:0; border:0; outline:none; background:transparent; color:#f5f5f7; font-size:16px; }
.ig-home-search input::placeholder { color:#929299; }
.ig-home-search button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:40px; padding:0 15px; border-radius:11px; background:#29292d; color:#f5f5f7; font-size:12px; font-weight:600; }
.ig-home-search button:hover { background:#37373c; }
.ig-home-search button:focus-visible { outline:2px solid #64adff; outline-offset:2px; }
.ig-home-search button svg { width:17px; height:17px; }
@media (max-width:640px) { .ig-home-search-wrap { padding-top:12px; }.ig-home-search { min-height:50px; gap:9px; padding-left:13px; border-radius:14px; }.ig-home-search input::placeholder { font-size:13px; }.ig-home-search button { min-width:38px; min-height:38px; padding:0 10px; }.ig-home-search button span { display:none; } }

/* Restrained storefront accents. */
.ig-home .ig-section-head>a,.ig-home .ig-showcase-copy a,.ig-home .ig-final small { color:#c7c7ce; }
.ig-home .ig-final a,.ig-home .ig-hero-actions a:first-child { color:#18181a; background:#f5f5f7; }
.ig-home .ig-final a:hover,.ig-home .ig-hero-actions a:first-child:hover { color:#111; background:#fff; }

/* Cover the viewport and safe area behind the floating mobile navigation. */
html:has(.apple-layout),body:has(.apple-layout),#root:has(.apple-layout) { background:#000!important; }
@media(max-width:900px) {
  .apple-layout:not(.ig-auth-layout) { padding-bottom:calc(104px + env(safe-area-inset-bottom)); }
}

/* Header */
.ig-header { position: sticky; top: 0; z-index: 50; color: var(--ig-text); background: rgba(9,9,11,.88); border-bottom: 1px solid rgba(255,255,255,.08); box-shadow: 0 8px 30px rgba(0,0,0,.18); backdrop-filter: saturate(180%) blur(24px); }
.ig-header-inner { width: min(1180px, calc(100% - 32px)); height: 64px; display: grid; grid-template-columns: 150px 1fr 230px; align-items: center; margin: auto; }
.ig-header-inner>a { color: #fff; }
.ig-nav { width: max-content; display: flex; align-items: center; justify-content: center; gap: 2px; justify-self: center; padding: 4px; border: 1px solid #252528; border-radius: 99px; background: #141416; }
.ig-nav a { position: relative; padding: 8px 14px; border-radius: 99px; color: #9c9ca2; font-size: 11px; font-weight: 550; transition: color .2s,background .2s; }
.ig-nav a:hover { color: #fff; background: #1f1f22; }.ig-nav a.active { color: #111; background: #f5f5f7; }
.ig-header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.ig-icon-button { position: relative; width: 36px; height: 36px; display: grid; place-items: center; border: 0; border-radius: 50%; color: #d9d9dd; background: transparent; transition: background .2s,color .2s; }
.ig-icon-button:hover { color: #fff; background: #222225; }.ig-icon-button svg { width: 17px; height: 17px; }
.ig-cart span { position: absolute; top: 1px; right: 0; min-width: 16px; height: 16px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #080809; border-radius: 99px; color: #fff; background: var(--ig-blue); font-size: 8px; font-weight: 700; }
.ig-profile { height: 36px; display: flex; align-items: center; gap: 5px; padding: 3px 6px 3px 3px; border: 0; border-radius: 99px; color: #aaaab0; background: #18181b; }.ig-profile i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #111; background: #f5f5f7; font-size: 10px; font-style: normal; font-weight: 700; }.ig-profile svg { width: 13px; }
.ig-auth-actions { display: flex; align-items: center; gap: 6px; }.ig-auth-actions a { padding: 8px 12px; border-radius: 99px; color: #d6d6da; font-size: 11px; font-weight: 600; }.ig-auth-actions a:last-child { color: #080809; background: #f5f5f7; }.ig-auth-actions a:hover { color: #fff; }.ig-auth-actions a:last-child:hover { color: #000; background: #fff; }
.ig-search-panel { height: 0; overflow: hidden; transition: height .3s ease; }.ig-search-panel.open { height: 76px; border-top: 1px solid rgba(255,255,255,.07); }.ig-search-panel form { width: min(680px, calc(100% - 32px)); height: 48px; display: flex; align-items: center; gap: 12px; margin: 13px auto; padding: 0 14px; border-radius: 12px; background: #1c1c1e; }.ig-search-panel svg { width: 18px; color: #77777d; }.ig-search-panel input { flex: 1; outline: none; border: 0; color: #fff; background: transparent; font-size: 15px; }.ig-search-panel button { width: 30px; height: 30px; display: grid; place-items: center; }
.ig-dropdown { width: 245px!important; padding: 7px!important; color: #f5f5f7!important; background: #1c1c1e!important; border-color: #343438!important; border-radius: 14px!important; box-shadow: 0 20px 60px rgba(0,0,0,.5)!important; }.ig-dropdown [role="menuitem"] { gap: 10px; border-radius: 9px; color: #d2d2d7; font-size: 12px; }.ig-dropdown [role="menuitem"]:hover { background: #2a2a2e; }.ig-dropdown svg { width: 16px; }.ig-user-summary { display: grid; gap: 3px; padding: 10px; margin-bottom: 5px; }.ig-user-summary strong { font-size: 12px; }.ig-user-summary span { overflow: hidden; color: #86868b; font-size: 10px; text-overflow: ellipsis; }
.ig-mobile-only { display: none; }.ig-drawer,.ig-drawer-backdrop { display: none; }
.ig-mobile-bottom-nav { display:none; }

/* Home */
.ig-home { color: var(--ig-text); background: var(--ig-bg); }
.ig-hero { padding: 78px 0 30px; text-align: center; }
.ig-hero-copy { max-width: 950px; }.ig-overline { display: inline-flex; align-items: center; gap: 7px; color: var(--ig-blue); font-size: 13px; font-weight: 650; }.ig-overline svg { width: 15px; }
.ig-hero h1 { margin: 16px 0 20px; font-size: clamp(52px,7vw,82px); line-height: .95; letter-spacing: -.068em; font-weight: 750; }.ig-hero h1 em { color: #76767b; font-style: normal; }.ig-hero-copy>p { max-width: 650px; margin: auto; color: #a1a1a6; font-size: 18px; line-height: 1.5; letter-spacing: -.02em; }
.ig-hero-actions { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 26px; }.ig-hero-actions a { min-height: 42px; display: inline-flex; align-items: center; gap: 7px; padding: 0 18px; border-radius: 99px; color: #fff; background: var(--ig-blue); font-size: 12px; font-weight: 600; }.ig-hero-actions a:last-child { color: var(--ig-blue); background: transparent; }.ig-hero-actions a:hover { color: #fff; background: #0077ed; }.ig-hero-actions a:last-child:hover { color: #4aa6ff; background: transparent; }.ig-hero-actions svg { width: 15px; }
.ig-showcase { position: relative; height: 410px; overflow: hidden; margin-top: 56px; border: 1px solid #222225; border-radius: 26px; text-align: left; background: #0d0d0f; }.ig-showcase>img { width: 100%; height: 100%; object-fit: cover; }.ig-showcase-shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.16) 70%); }.ig-showcase-copy { position: absolute; left: 48px; top: 50%; z-index: 2; width: min(510px,65%); transform: translateY(-50%); }.ig-showcase-copy small { color: #b7b7bd; font-size: 11px; font-weight: 600; }.ig-showcase-copy h2 { margin: 10px 0; font-size: clamp(34px,4.5vw,54px); line-height: 1.02; letter-spacing: -.05em; }.ig-showcase-copy p { color: #c1c1c6; font-size: 13px; line-height: 1.5; }.ig-showcase-copy a { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: var(--ig-blue); font-size: 13px; font-weight: 600; }.ig-showcase-copy svg { width: 16px; }.ig-showcase-word { position: absolute; right: 5%; top: 50%; color: #202023; font-size: clamp(90px,15vw,185px); font-weight: 800; letter-spacing: -.09em; transform: translateY(-50%); }
.ig-services { border-block: 1px solid #1d1d20; background: #080809; }.ig-services>.ig-container { display: grid; grid-template-columns: repeat(3,1fr); }.ig-services>.ig-container>div { display: flex; align-items: center; justify-content: center; gap: 13px; padding: 29px 20px; border-right: 1px solid #1d1d20; }.ig-services>.ig-container>div:last-child { border: 0; }.ig-services svg { width: 23px; color: #d2d2d7; }.ig-services span { display: grid; gap: 3px; text-align: left; }.ig-services strong { font-size: 12px; }.ig-services small { color: #77777d; font-size: 10px; }
.ig-section { padding: 110px 0; background: #000; }.ig-category-section { background: #080809; }.ig-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 38px; }.ig-section-head small { color: #86868b; font-size: 12px; font-weight: 600; }.ig-section-head h2 { margin-top: 6px; font-size: clamp(40px,5vw,58px); line-height: 1; letter-spacing: -.055em; }.ig-section-head>a { display: flex; align-items: center; gap: 3px; color: var(--ig-blue); font-size: 13px; font-weight: 600; }.ig-section-head>a svg { width: 16px; }
.ig-products { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 16px; }.ig-product-card { min-width: 0; overflow: hidden; color: var(--ig-text); background: #101012; border: 1px solid #222225; border-radius: 18px; transition: transform .3s, border-color .3s; }.ig-product-card:hover { color: #fff; border-color: #3a3a3e; transform: translateY(-4px); }.ig-product-cover { position: relative; aspect-ratio: 1/1; display: grid; place-items: center; overflow: hidden; background: #171719; }.ig-product-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }.ig-product-card:hover img { transform: scale(1.025); }.ig-product-cover>svg { width: 45px; color: #3d3d42; }.ig-product-cover>span { position: absolute; top: 12px; right: 12px; padding: 5px 8px; border-radius: 99px; color: #fff; background: rgba(0,0,0,.76); backdrop-filter: blur(8px); font-size: 10px; font-weight: 700; }.ig-product-content { padding: 17px; }.ig-product-content small { color: #77777d; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }.ig-product-content h3 { height: 42px; margin: 7px 0 18px; overflow: hidden; font-size: 15px; line-height: 1.4; letter-spacing: -.015em; }.ig-product-content>div { display: flex; align-items: baseline; gap: 8px; }.ig-product-content strong { font-size: 17px; }.ig-product-content del { color: #6e6e73; font-size: 11px; }.ig-empty { padding: 70px; text-align: center; border: 1px solid #222225; border-radius: 20px; background: #0d0d0f; }.ig-empty svg { color: #3d3d42; }.ig-empty p { margin-top: 10px; color: #86868b; }
.ig-categories { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 260px; gap: 16px; }.ig-categories>a { position: relative; overflow: hidden; border: 1px solid #222225; border-radius: 20px; color: #fff; background: #111113; }.ig-categories>a.large { grid-column: span 2; }.ig-categories img,.ig-category-placeholder { width: 100%; height: 100%; object-fit: cover; transition: transform .55s; }.ig-categories>a:hover img { transform: scale(1.025); }.ig-category-placeholder { display: grid; place-items: center; }.ig-category-placeholder svg { width: 46px; color: #3a3a3e; }.ig-category-shade { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82)); }.ig-categories>a>span { position: absolute; left: 24px; right: 24px; bottom: 22px; display: grid; gap: 5px; }.ig-categories small { color: #b7b7bd; font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; }.ig-categories strong { font-size: 24px; letter-spacing: -.035em; }.ig-categories em { display: flex; align-items: center; gap: 7px; margin-top: 6px; font-size: 11px; font-style: normal; font-weight: 600; opacity: 0; transform: translateY(6px); transition: opacity .25s,transform .25s; }.ig-categories>a:hover em { opacity: 1; transform: none; }.ig-categories em svg { width: 14px; }
.ig-final { padding: 140px 0; text-align: center; background: #000; }.ig-final small { color: var(--ig-blue); font-size: 12px; font-weight: 650; }.ig-final h2 { margin: 13px 0 20px; font-size: clamp(48px,7vw,78px); line-height: .98; letter-spacing: -.065em; }.ig-final p { max-width: 560px; margin: auto; color: #86868b; font-size: 17px; line-height: 1.55; }.ig-final a { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; margin-top: 28px; padding: 0 19px; border-radius: 99px; color: #fff; background: var(--ig-blue); font-size: 13px; font-weight: 600; }.ig-final a:hover { color: #fff; background: #0077ed; }.ig-final svg { width: 16px; }

/* Footer */
.apple-footer { padding: 64px 0 27px; color: #f5f5f7; background: #0a0a0b; border-top: 1px solid #202023; }.apple-footer .apple-shell { width: min(1180px,calc(100% - 40px)); }.apple-footer-lead { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; padding-bottom: 40px; border-bottom: 1px solid #252528; }.apple-footer-lead>div:first-child { color: #fff; }.apple-footer-lead p { margin-top: 10px; color: #77777d; font-size: 13px; }.apple-footer-cta { display: inline-flex; align-items: center; gap: 7px; padding: 11px 15px; border-radius: 99px; color: #111; background: #f5f5f7; font-size: 11px; font-weight: 650; }.apple-footer-cta:hover { color: #000; background: #fff; }.apple-footer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; padding: 37px 0; }.apple-footer-grid>div { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }.apple-footer-grid h3 { margin-bottom: 3px; color: #d2d2d7; font-size: 11px; }.apple-footer-grid a { display: flex; align-items: center; gap: 6px; color: #77777d; font-size: 11px; }.apple-footer-grid a:hover { color: #fff; }.apple-footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 20px; border-top: 1px solid #252528; color: #56565c; font-size: 10px; }

/* Existing public screens */
.apple-layout main { background: #000!important; }.apple-layout main>div:not(.ig-home) { color: #f5f5f7; background: #000!important; }.apple-layout main>div:not(.ig-home) .container { max-width: 1180px; }.apple-layout main>div:not(.ig-home) .bg-white { background: #101012!important; border-color: #27272a!important; box-shadow: none!important; }.apple-layout main>div:not(.ig-home) .bg-gray-50,.apple-layout main>div:not(.ig-home) .bg-gray-100 { background: #171719!important; }.apple-layout main>div:not(.ig-home) .bg-gray-800,.apple-layout main>div:not(.ig-home) .bg-gray-900 { background: #1d1d1f!important; }.apple-layout main>div:not(.ig-home) .text-gray-900 { color: #f5f5f7!important; }.apple-layout main>div:not(.ig-home) .text-gray-700,.apple-layout main>div:not(.ig-home) .text-gray-600,.apple-layout main>div:not(.ig-home) .text-gray-500 { color: #929297!important; }.apple-layout main>div:not(.ig-home) .text-gray-400 { color: #6e6e73!important; }.apple-layout main>div:not(.ig-home) .border-gray-100,.apple-layout main>div:not(.ig-home) .border-gray-200 { border-color: #27272a!important; }.apple-layout main>div:not(.ig-home) .text-violet-600,.apple-layout main>div:not(.ig-home) .text-violet-400 { color: var(--ig-blue)!important; }.apple-layout main>div:not(.ig-home) .bg-violet-50 { background: rgba(41,151,255,.1)!important; }.apple-layout main>div:not(.ig-home) [class*="bg-gradient-to-r"] { background-image: none!important; background-color: var(--ig-blue)!important; }.apple-layout main>div:not(.ig-home) input,.apple-layout main>div:not(.ig-home) textarea,.apple-layout main>div:not(.ig-home) button[role="combobox"] { color: #f5f5f7!important; background: #101012!important; border-color: #2c2c2f!important; }.apple-layout main>div:not(.ig-home) [class*="rounded-xl"],.apple-layout main>div:not(.ig-home) [class*="rounded-2xl"] { border-radius: 15px; }

.chat-bubble-user { background: #147ce5; }.chat-bubble-admin { background: #1c1c1e; }.upload-zone { border: 1px dashed #38383c; }.upload-zone:hover,.upload-zone.drag-over { border-color: var(--ig-blue); background: rgba(41,151,255,.06); }.admin-sidebar { background: #fff; border-right: 1px solid #e5e5e7; }.stats-card { position: relative; overflow: hidden; }.data-table th { font-size: .72rem; font-weight: 650; text-transform: uppercase; letter-spacing: .05em; }.badge-pending { color: #c78200; background: rgba(245,158,11,.1); }.badge-approved { color: #14804a; background: rgba(16,185,129,.1); }.badge-rejected { color: #d70015; background: rgba(239,68,68,.1); }.price-tag { font-weight: 700; }.skeleton { background: linear-gradient(90deg,#151517 25%,#202023 50%,#151517 75%); background-size: 200% 100%; animation: skeleton-loading 1.5s infinite; }@keyframes skeleton-loading { to { background-position: -200% 0; } }.support-float-btn { transition: opacity .2s,transform .2s; }body.menu-open .support-float-btn { opacity: 0; pointer-events: none; }

@media (max-width: 900px) {
  .ig-header-inner { grid-template-columns: 100px 1fr 100px; }.ig-nav { display: none; }.ig-mobile-only { display: grid; }.ig-header-inner>.ig-mobile-only { grid-column: 1; grid-row: 1; justify-self: start; }.ig-header-inner>a { grid-column: 2; grid-row: 1; justify-self: center; }.ig-header-actions { grid-column: 3; grid-row: 1; }.ig-auth-actions,.ig-profile { display: none; }
  .ig-drawer-backdrop { position: fixed; inset: 0; z-index: 60; display: block; opacity: 0; pointer-events: none; background: rgba(0,0,0,.68); backdrop-filter: blur(5px); transition: opacity .25s; }.ig-drawer-backdrop.open { opacity: 1; pointer-events: auto; }.ig-drawer { position: fixed; inset: 0 auto 0 0; z-index: 61; width: min(340px,88vw); display: flex; flex-direction: column; color: #f5f5f7; background: #101012; transform: translateX(-100%); transition: transform .3s cubic-bezier(.2,.8,.2,1); }.ig-drawer.open { transform: none; }.ig-drawer-head { height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid #27272a; }.ig-drawer-head>a { color: #fff; }.ig-drawer nav { display: flex; flex-direction: column; padding: 18px; }.ig-drawer nav a { padding: 14px 10px; border-bottom: 1px solid #202023; color: #d2d2d7; font-size: 14px; }.ig-drawer-auth { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: auto; padding: 18px; }.ig-drawer-auth a { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px; border-radius: 99px; color: #fff; background: #222225; font-size: 12px; }.ig-drawer-auth a:last-child { color: #111; background: #f5f5f7; }
  .ig-products { grid-template-columns: repeat(2,minmax(0,1fr)); }.ig-categories { grid-template-columns: repeat(2,1fr); }.ig-services>.ig-container { grid-template-columns: 1fr; }.ig-services>.ig-container>div { justify-content: flex-start; border-right: 0; border-bottom: 1px solid #1d1d20; }.ig-services>.ig-container>div:last-child { border: 0; }
}

@media (max-width: 640px) {
  .ig-container { width: min(100% - 28px,1180px); }.ig-hero { padding-top: 58px; }.ig-hero h1 { font-size: 46px; }.ig-hero-copy>p { font-size: 15px; }.ig-hero-actions { flex-direction: column; }.ig-showcase { height: 330px; margin-top: 42px; border-radius: 20px; }.ig-showcase-copy { left: 23px; right: 23px; width: auto; }.ig-showcase-copy h2 { font-size: 32px; }.ig-showcase-copy p { display: none; }.ig-showcase-word { right: -10%; font-size: 90px; }.ig-section { padding: 76px 0; }.ig-section-head { align-items: flex-start; flex-direction: column; margin-bottom: 27px; }.ig-section-head h2 { font-size: 40px; }.ig-products { gap: 10px; }.ig-product-card { border-radius: 14px; }.ig-product-content { padding: 13px; }.ig-product-content h3 { font-size: 13px; }.ig-product-content strong { font-size: 14px; }.ig-categories { grid-template-columns: 1fr; grid-auto-rows: 300px; }.ig-categories>a.large { grid-column: auto; }.ig-categories em { opacity: 1; transform: none; }.ig-final { padding: 95px 0; }.ig-final h2 { font-size: 45px; }.apple-footer-grid { grid-template-columns: 1fr 1fr; }.apple-footer-lead,.apple-footer-bottom { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto!important; animation-duration: .01ms!important; transition-duration: .01ms!important; } }

/* Compact banner and light Apple-style header */
.ig-header { color:#1d1d1f; background:rgba(255,255,255,.92); border-bottom-color:rgba(0,0,0,.1); box-shadow:0 5px 20px rgba(0,0,0,.06); }
.ig-header-inner>a { color:#1d1d1f; }.ig-nav { border-color:#e5e5e7; background:#f5f5f7; }.ig-nav a { color:#6e6e73; }.ig-nav a:hover { color:#1d1d1f; background:#fff; }.ig-nav a.active { color:#1d1d1f; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.08); }
.ig-icon-button { color:#55555b; }.ig-icon-button:hover { color:#1d1d1f; background:#f0f0f2; }.ig-cart span { border-color:#fff; }.ig-profile { color:#6e6e73; background:#f0f0f2; }.ig-profile i { color:#fff; background:#1d1d1f; }.ig-auth-actions a { color:#4c4c50; }.ig-auth-actions a:last-child { color:#fff; background:#1d1d1f; }.ig-auth-actions a:last-child:hover { color:#fff; background:#000; }
.ig-search-panel { background:#fff; }.ig-search-panel.open { border-top-color:#e5e5e7; }.ig-search-panel form { background:#f5f5f7; }.ig-search-panel input { color:#1d1d1f; }
.ig-hero { padding:20px 0 0; }.ig-showcase { height:340px; margin-top:0; border-radius:20px; }.ig-showcase-copy h2 { font-size:clamp(31px,4vw,48px); }
@media (max-width:640px) { .ig-hero { padding-top:12px; }.ig-showcase { height:270px; margin-top:0; border-radius:16px; }.ig-showcase-copy h2 { font-size:29px; } }

/* Video hero + transparent black navigation */
.ig-header { color:#f5f5f7; background:#000; border-bottom-color:#1c1c1e; box-shadow:0 6px 24px rgba(0,0,0,.28); }
.ig-header-inner>a { color:#fff; }.ig-nav { border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.08); }.ig-nav a { color:#b5b5ba; }.ig-nav a:hover { color:#fff; background:rgba(255,255,255,.1); }.ig-nav a.active { color:#111; background:#f5f5f7; }.ig-icon-button { color:#d2d2d7; }.ig-icon-button:hover { color:#fff; background:rgba(255,255,255,.12); }.ig-profile { color:#aaa; background:rgba(255,255,255,.1); }.ig-profile i { color:#111; background:#f5f5f7; }.ig-auth-actions a { color:#d2d2d7; }.ig-auth-actions a:last-child { color:#111; background:#f5f5f7; }.ig-search-panel { background:rgba(0,0,0,.94); }.ig-search-panel.open { border-top-color:rgba(255,255,255,.12); }.ig-search-panel form { background:#1c1c1e; }.ig-search-panel input { color:#fff; }
.ig-showcase-video { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
@media (max-width:900px) { .ig-auth-actions { display:none; }.ig-profile { display:flex; }.ig-header-actions>.ig-icon-button:not(.ig-cart) { display:none; }.ig-header-inner { grid-template-columns:100px 1fr 100px; }.ig-header-inner>a { grid-column:2; }.ig-header-inner>.ig-mobile-only { grid-column:1; }.ig-header-actions { grid-column:3; } }
.ig-product-content small { display:block; height:30px; overflow:hidden; line-height:1.5; }
@media (max-width:900px) { .ig-products { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:900px) { .ig-product-card:nth-child(n+7) { display:none; } }
@media (max-width:640px) { .ig-products { gap:10px; }.ig-product-card { border-radius:14px; }.ig-product-content { padding:11px; font-family:-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif; }.ig-product-content small { height:27px; font-size:9px; line-height:1.5; letter-spacing:.035em; }.ig-product-content h3 { height:36px; margin:6px 0 12px; font-size:12px; line-height:1.35; font-weight:650; letter-spacing:-.015em; }.ig-product-content strong { font-size:14px; font-weight:700; }.ig-product-content del { font-size:9px; } }
@media (max-width:900px) { .ig-showcase-heading { display:none; } }
.ig-balance-mobile { display:none; }
@media (max-width:900px) {
  .ig-cart { display:none !important; }
  .ig-header-inner { grid-template-columns:100px 1fr 112px; }
  .ig-balance-mobile { min-width:62px; max-width:102px; height:32px; display:inline-flex; align-items:center; justify-content:center; gap:5px; overflow:hidden; padding:0 9px; border:1px solid rgba(255,255,255,.14); border-radius:999px; color:#f5f5f7; background:rgba(255,255,255,.09); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); font-size:9px; font-weight:650; white-space:nowrap; }
  .ig-balance-mobile svg { width:14px; height:14px; flex:none; color:#30d158; }
  .ig-balance-mobile.is-empty { color:#f5f5f7; border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.09); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
  .ig-balance-mobile.is-empty svg { color:#007aff; }
  .ig-balance-mobile span { overflow:hidden; text-overflow:ellipsis; }
}
.ig-mobile-profile { display:none; }
@media (max-width:900px) {
  .ig-profile { display:none !important; }
  .ig-header-inner { grid-template-columns:100px 1fr 100px; }
  .ig-mobile-profile { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:50%; color:#fff; background:rgba(255,255,255,.09); box-shadow:inset 0 1px 0 rgba(255,255,255,.07); }
  .ig-mobile-profile svg { width:16px; height:16px; stroke-width:1.9; }
}
@media (max-width:640px) {
  .ig-categories { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:175px; gap:10px; }
  .ig-categories>a { border-radius:15px; }
  .ig-categories>a.large { grid-column:span 2; grid-row:span 1; }
  .ig-categories>a>span { left:15px; right:15px; bottom:14px; }
  .ig-categories strong { font-size:18px; }
  .ig-categories small { font-size:8px; }
}

/* Dark Apple-style authentication */
.ig-auth-page { position:relative; min-height:calc(100dvh - 64px); display:grid; place-items:center; overflow:hidden; padding:54px 18px 130px; color:#f5f5f7; background:#000!important; }
.ig-auth-glow { position:absolute; top:5%; left:50%; width:min(720px,90vw); height:420px; border-radius:50%; background:radial-gradient(circle,rgba(41,151,255,.13),transparent 68%); transform:translateX(-50%); pointer-events:none; }
.ig-auth-card { position:relative; z-index:1; width:min(100%,440px); padding:34px; border:1px solid #252528; border-radius:26px; background:rgba(15,15,17,.9); box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.045); backdrop-filter:blur(24px); }
.ig-auth-register-card { width:min(100%,620px); }
.ig-auth-heading { margin-bottom:25px; text-align:left; }
.ig-auth-heading>span { color:#2997ff; font-size:11px; font-weight:650; letter-spacing:.04em; }
.ig-auth-heading h1 { margin:8px 0 9px; color:#f5f5f7; font-size:clamp(30px,5vw,42px); line-height:1; letter-spacing:-.055em; }
.ig-auth-heading p { max-width:390px; margin:0; color:#85858b; font-size:13px; line-height:1.5; }
.ig-google-button,.ig-auth-primary { width:100%; height:48px; display:flex; align-items:center; justify-content:center; gap:10px; border-radius:14px; font-size:13px; font-weight:650; transition:transform .2s,background .2s,border-color .2s; }
.ig-google-button { color:#f5f5f7; border:1px solid #343438; background:#18181b; }
.ig-google-button:hover { border-color:#4a4a50; background:#202023; transform:translateY(-1px); }
.ig-google-button svg { width:19px; height:19px; }
.ig-google-button:disabled,.ig-auth-primary:disabled { opacity:.6; cursor:not-allowed; transform:none; }
.ig-auth-divider { display:flex; align-items:center; gap:12px; margin:22px 0; color:#5f5f65; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.ig-auth-divider::before,.ig-auth-divider::after { content:""; flex:1; height:1px; background:#29292d; }
.ig-auth-form { display:grid; gap:16px; }
.ig-register-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ig-register-form .ig-auth-field:nth-child(5),.ig-register-form .ig-auth-primary { grid-column:1/-1; }
.ig-auth-field { display:grid; gap:7px; min-width:0; }
.ig-auth-field>span { color:#a1a1a7; font-size:10px; font-weight:650; letter-spacing:.025em; }
.ig-auth-field>div { height:52px; display:flex; align-items:center; gap:12px; padding:0 15px; border:1px solid #303034; border-radius:16px; background:#171719; transition:border-color .2s,box-shadow .2s,background .2s; }
.ig-auth-field>div:focus-within { border-color:#5a5a60; box-shadow:0 0 0 3px rgba(255,255,255,.05); }
.ig-auth-field>div>svg { width:18px; height:18px; flex:none; color:#77777e; }
.ig-auth-field input { flex:1; min-width:0; height:100%; padding:0!important; border:0!important; outline:0; color:#f5f5f7!important; background:transparent!important; box-shadow:none!important; font-size:14px!important; }
.ig-auth-field input::placeholder { color:#55555c; }
.ig-auth-field button { width:30px; height:30px; display:grid; place-items:center; flex:none; border:0; color:#77777e; background:transparent; }
.ig-auth-field button svg { width:17px; height:17px; }
.ig-auth-field .ig-match-icon { color:#30d158; }
.ig-auth-primary { margin-top:3px; border:0; color:#111; background:#f5f5f7; }
.ig-auth-primary:hover { color:#000; background:#fff; transform:translateY(-1px); }
.ig-auth-primary svg { width:17px; height:17px; }
.ig-auth-loader { animation:spin 1s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.ig-auth-switch { margin-top:22px; color:#77777e; text-align:center; font-size:12px; }
.ig-auth-switch a { color:#f5f5f7; font-weight:650; }
.ig-auth-switch a:hover { color:#2997ff; }
.ig-auth-symbol { width:46px; height:46px; display:grid; place-items:center; margin-bottom:20px; border:1px solid rgba(100,173,255,.28); border-radius:15px; color:#64adff; background:rgba(41,151,255,.1); }
.ig-auth-symbol svg { width:22px; height:22px; }
.ig-phone-card { width:min(100%,430px); }
.ig-auth-privacy { display:flex; align-items:flex-start; gap:7px; margin-top:18px; color:#68686e; font-size:10px; line-height:1.45; }
.ig-auth-privacy svg { width:13px; height:13px; flex:none; margin-top:1px; color:#77777e; }
.apple-layout main>div:not(.ig-home) .text-gray-800 { color:#d2d2d7!important; }
.apple-layout main>div:not(.ig-home) .text-black { color:#f5f5f7!important; }

@media (max-width:900px) {
  .ig-mobile-bottom-nav { left:10px; right:10px; bottom:10px; grid-template-columns:repeat(5,1fr); padding:7px 5px calc(7px + env(safe-area-inset-bottom)); border-radius:21px; background:rgba(18,18,20,.94); box-shadow:0 14px 38px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07); }
  .ig-mobile-bottom-nav a { min-width:0; min-height:47px; gap:3px; border-radius:14px; font-size:8px; }
  .ig-mobile-bottom-nav a span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .ig-mobile-bottom-nav a.active { color:#f5f5f7; }
  .ig-mobile-bottom-nav a:nth-child(3),.ig-mobile-bottom-nav a:nth-child(3).active { width:50px; height:50px; min-height:50px; transform:translateY(-8px); border:3px solid #121214; background:#f5f5f7; box-shadow:0 8px 18px rgba(0,0,0,.35); }
  .ig-mobile-bottom-nav a:nth-child(3) svg { width:20px; height:20px; color:#111; }
}
@media (max-width:640px) {
  .ig-auth-page { align-items:start; padding:28px 14px 120px; }
  .ig-auth-card { padding:25px 20px; border-radius:22px; }
  .ig-auth-heading { margin-bottom:21px; }
  .ig-auth-heading h1 { font-size:32px; }
  .ig-register-form { grid-template-columns:1fr; }
  .ig-register-form .ig-auth-field:nth-child(5),.ig-register-form .ig-auth-primary { grid-column:auto; }
}

/* Focused sign-in experience */
.ig-auth-layout { padding-bottom:0!important; }
.ig-auth-page { padding:48px 18px 64px; }
.ig-auth-glow { top:-90px; width:min(680px,110vw); height:480px; background:radial-gradient(circle,rgba(41,151,255,.16),rgba(41,151,255,.035) 38%,transparent 70%); filter:blur(8px); }
.ig-auth-card { overflow:hidden; padding:36px; border-color:rgba(255,255,255,.11); background:linear-gradient(180deg,rgba(20,20,23,.96),rgba(12,12,14,.96)); box-shadow:0 32px 90px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.07); }
.ig-auth-card::before { content:""; position:absolute; top:0; left:18%; right:18%; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent); }
.ig-auth-heading>span { color:#64adff; }
.ig-auth-heading h1 { font-weight:720; }
.ig-google-button { color:#151516; border-color:#f5f5f7; background:#f5f5f7; }
.ig-google-button:hover { color:#000; border-color:#fff; background:#fff; box-shadow:0 8px 24px rgba(255,255,255,.08); }
.ig-auth-field>div { background:rgba(255,255,255,.035); border-color:rgba(255,255,255,.13); }
.ig-auth-field>div:focus-within { border-color:#2997ff; box-shadow:0 0 0 3px rgba(41,151,255,.14); }
.ig-auth-field>div:focus-within>svg { color:#64adff; }
.ig-auth-primary { color:#fff; background:#147ce5; box-shadow:0 8px 24px rgba(20,124,229,.18); }
.ig-auth-primary:hover { color:#fff; background:#2997ff; box-shadow:0 10px 28px rgba(41,151,255,.25); }
.ig-auth-switch a { color:#64adff; }

@media (max-width:640px) {
  .ig-auth-page { min-height:calc(100dvh - 64px); align-items:center; padding:20px 12px 32px; }
  .ig-auth-card { padding:28px 22px 26px; border-radius:24px; }
  .ig-auth-heading { margin-bottom:23px; }
  .ig-auth-heading h1 { margin-top:10px; font-size:31px; line-height:1.05; }
  .ig-auth-heading p { font-size:12px; }
  .ig-google-button,.ig-auth-primary,.ig-auth-field>div { height:50px; }
  .ig-auth-divider { margin:20px 0; }
  .ig-auth-form { gap:15px; }
  .ig-auth-switch { margin-top:20px; }
}
.ig-hero + .ig-section { padding-top:64px; padding-bottom:52px; }
.ig-section.ig-category-section { padding-top:52px; }
.ig-category-section, .ig-final { content-visibility:auto; contain-intrinsic-size:700px; }
.ig-loading { min-height:320px; display:grid; place-items:center; }
.ig-spinner { width:38px; height:38px; display:block; border:3px solid #2b2b30; border-top-color:var(--ig-blue); border-radius:50%; animation:ig-spinner-rotate .75s linear infinite; }
@keyframes ig-spinner-rotate { to { transform:rotate(360deg); } }
@media (max-width:640px) { .ig-hero + .ig-section { padding-top:52px; padding-bottom:42px; }.ig-section.ig-category-section { padding-top:42px; } }

/* Seamless Apple-style auth fields */
.ig-auth-card { width:min(100%,420px); padding:38px; border:1px solid rgba(255,255,255,.1); border-radius:30px; background:rgba(14,14,16,.82); box-shadow:0 28px 80px rgba(0,0,0,.55); backdrop-filter:blur(30px) saturate(130%); -webkit-backdrop-filter:blur(30px) saturate(130%); }
.ig-auth-register-card { width:min(100%,620px); }
.ig-auth-heading { margin-bottom:28px; }
.ig-auth-heading h1 { margin:0 0 10px; font-size:38px; line-height:1.03; letter-spacing:-.052em; }
.ig-auth-heading p { color:#8e8e93; font-size:13px; }
.ig-google-button { height:52px; border:0; border-radius:16px; box-shadow:0 1px 0 rgba(255,255,255,.25) inset; }
.ig-auth-divider { margin:24px 0; }
.ig-auth-field { gap:8px; }
.ig-auth-field>span { padding-left:2px; color:#98989f; font-size:11px; font-weight:600; }
.ig-auth-field>div { height:54px; gap:12px; padding:0 15px; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:rgba(255,255,255,.055)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025); }
.ig-auth-field>div:hover { border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.07)!important; }
.ig-auth-field>div:focus-within { border-color:#2997ff; background:rgba(255,255,255,.075)!important; box-shadow:0 0 0 4px rgba(41,151,255,.12); }
.apple-layout main .ig-auth-field input { height:100%; padding:0!important; border:0!important; outline:0!important; color:#f5f5f7!important; background:transparent!important; box-shadow:none!important; -webkit-box-shadow:none!important; }
.apple-layout main .ig-auth-field input:-webkit-autofill,.apple-layout main .ig-auth-field input:-webkit-autofill:hover,.apple-layout main .ig-auth-field input:-webkit-autofill:focus { -webkit-text-fill-color:#f5f5f7!important; -webkit-box-shadow:0 0 0 1000px #1a1a1d inset!important; caret-color:#fff; }
.apple-layout main .ig-auth-field button { border:0!important; color:#8e8e93!important; background:transparent!important; box-shadow:none!important; }
.ig-auth-field>div>svg { color:#8e8e93; }
.ig-auth-primary { height:54px; margin-top:5px; border-radius:16px; }

@media (max-width:640px) {
  .ig-auth-page { padding:24px 18px 36px; }
  .ig-auth-card { width:100%; padding:30px 0 26px; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .ig-auth-card::before { display:none; }
  .ig-auth-heading { margin-bottom:26px; }
  .ig-auth-heading h1 { font-size:36px; }
  .ig-google-button { border-radius:15px; }
  .ig-auth-field>div,.ig-auth-primary { border-radius:15px; }
}

/* Refined footer */
.apple-footer { padding:72px 0 24px; background:#070708; border-top:1px solid #202023; overflow:hidden; }
.apple-footer .apple-shell { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.apple-footer-lead { align-items:center; padding-bottom:42px; }
.apple-footer-brand p { max-width:300px; margin-top:12px; color:#85858b; font-size:13px; line-height:1.45; }
.apple-footer-actions { display:flex; align-items:center; gap:10px; }
.apple-footer-cta, .apple-footer-support { min-height:40px; display:inline-flex; align-items:center; gap:7px; border-radius:999px; font-size:12px; font-weight:650; transition:background .2s,color .2s,border-color .2s; }
.apple-footer-cta { padding:0 16px; color:#111; background:#f5f5f7; }
.apple-footer-cta:hover { color:#000; background:#fff; }
.apple-footer-support { padding:0 14px; color:#d2d2d7; border:1px solid #303034; }
.apple-footer-support:hover { color:#fff; background:#171719; border-color:#4a4a4f; }
.apple-footer-grid { grid-template-columns:repeat(4,1fr); gap:28px; padding:40px 0 44px; }
.apple-footer-grid>div { gap:11px; }
.apple-footer-grid h3 { color:#f5f5f7; font-size:11px; letter-spacing:.02em; }
.apple-footer-grid a { color:#85858b; font-size:12px; }
.apple-footer-grid a:hover { color:#fff; }
.apple-footer-note { color:#55555b; font-size:11px; }
.apple-footer-bottom { padding-top:18px; color:#5e5e64; font-size:10px; }
@media (max-width:640px) { .apple-footer { padding:52px 0 22px; }.apple-footer-lead { align-items:flex-start; gap:24px; }.apple-footer-actions { width:100%; }.apple-footer-cta,.apple-footer-support { flex:1; justify-content:center; }.apple-footer-grid { grid-template-columns:repeat(2,1fr); gap:30px 20px; padding:32px 0; }.apple-footer-bottom { gap:8px; line-height:1.4; } }
@media (max-width:900px) {
  .apple-layout { padding-bottom:92px; }
  .ig-mobile-bottom-nav { position:fixed; left:12px; right:12px; bottom:12px; z-index:45; display:grid; grid-template-columns:repeat(4,1fr); gap:4px; padding:7px; border:1px solid rgba(255,255,255,.13); border-radius:24px; background:rgba(27,27,30,.84); box-shadow:0 16px 42px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(24px) saturate(150%); -webkit-backdrop-filter:blur(24px) saturate(150%); }
  .ig-mobile-bottom-nav a { position:relative; min-height:50px; display:grid; place-items:center; align-content:center; gap:3px; border-radius:18px; color:#94949b; font-size:9px; font-weight:600; letter-spacing:-.01em; transition:color .2s,background .2s,transform .2s; }
  .ig-mobile-bottom-nav a svg { width:19px; height:19px; stroke-width:1.8; }
  .ig-mobile-bottom-nav a.active { color:#111; background:#f5f5f7; box-shadow:0 4px 12px rgba(0,0,0,.2); transform:translateY(-1px); }
  .ig-mobile-bottom-nav a.active svg { stroke-width:2.1; }
  .ig-mobile-bottom-nav a b { position:absolute; top:2px; right:calc(50% - 18px); min-width:15px; height:15px; display:grid; place-items:center; padding:0 4px; border:2px solid #1b1b1e; border-radius:99px; color:#fff; background:var(--ig-blue); font-size:8px; line-height:1; }
  .apple-layout > .fixed.bottom-4.right-4 { bottom:98px !important; }
}
@media (max-width:900px) {
  .ig-mobile-bottom-nav a:nth-child(3) { position:absolute; left:50%; top:-19px; width:58px; height:58px; min-height:58px; display:flex; flex-direction:column; justify-content:center; gap:2px; border:3px solid #1b1b1e; border-radius:50%; color:#fff; background:var(--ig-blue); box-shadow:0 8px 20px rgba(41,151,255,.38); transform:translateX(-50%); }
  .ig-mobile-bottom-nav a:nth-child(3).active { color:#fff; background:#2997ff; transform:translateX(-50%); }
  .ig-mobile-bottom-nav a:nth-child(3) svg { width:21px; height:21px; }
  .ig-mobile-bottom-nav a:nth-child(3) span { font-size:8px; }
  .ig-mobile-bottom-nav a:nth-child(3) b { top:-3px; right:-3px; border-color:#1b1b1e; }
}
@media (max-width:900px) {
  .ig-mobile-bottom-nav { grid-template-columns:repeat(5,1fr); }
  .ig-mobile-bottom-nav a.active { color:#fff; background:transparent; box-shadow:none; transform:none; }
  .ig-mobile-bottom-nav a.active::after { content:""; position:absolute; bottom:2px; width:4px; height:4px; border-radius:50%; background:var(--ig-blue); }
  .ig-mobile-bottom-nav a:nth-child(1) { grid-column:1; }
  .ig-mobile-bottom-nav a:nth-child(2) { grid-column:2; }
  .ig-mobile-bottom-nav a:nth-child(3), .ig-mobile-bottom-nav a:nth-child(3).active { position:relative; grid-column:3; left:auto; top:-19px; justify-self:center; transform:none; }
  .ig-mobile-bottom-nav a:nth-child(3), .ig-mobile-bottom-nav a:nth-child(3).active { color:#fff; background:var(--ig-blue); box-shadow:0 8px 20px rgba(41,151,255,.38); }
  .ig-mobile-bottom-nav a:nth-child(3)::after { display:none; }
  .ig-mobile-bottom-nav a:nth-child(4) { grid-column:5; }
  .apple-layout > button[aria-label="Chat"] { right:18px !important; bottom:96px !important; transform:scale(.78); transform-origin:bottom right; }
}
@media (max-width:900px) {
  .ig-mobile-bottom-nav { left:10px; right:10px; bottom:10px; grid-template-columns:repeat(5,1fr); gap:2px; padding:7px 6px calc(7px + env(safe-area-inset-bottom)); border-radius:22px; background:rgba(18,18,21,.94); }
  .ig-mobile-bottom-nav a { min-height:48px; border-radius:16px; color:#85858c; }
  .ig-mobile-bottom-nav a.active, .ig-mobile-bottom-nav a.active:hover { color:#f5f5f7; background:transparent; box-shadow:none; transform:none; }
  .ig-mobile-bottom-nav a.active svg { color:var(--ig-blue); }
  .ig-mobile-bottom-nav a.active::after { display:none; }
  .ig-mobile-bottom-nav a:nth-child(1), .ig-mobile-bottom-nav a:nth-child(2), .ig-mobile-bottom-nav a:nth-child(3), .ig-mobile-bottom-nav a:nth-child(4), .ig-mobile-bottom-nav a:nth-child(5) { grid-column:auto; }
  .ig-mobile-bottom-nav a:nth-child(3), .ig-mobile-bottom-nav a:nth-child(3).active { position:relative; left:auto; top:auto; justify-self:center; width:54px; height:54px; min-height:54px; transform:translateY(-11px); border:3px solid #121215; border-radius:50%; color:#111; background:#f5f5f7; box-shadow:0 8px 20px rgba(0,0,0,.35); }
  .ig-mobile-bottom-nav a:nth-child(3).active { color:#111; background:#fff; }
  .ig-mobile-bottom-nav a:nth-child(3) svg { width:21px; height:21px; color:#111; }
  .ig-mobile-bottom-nav a:nth-child(3) span { display:none; }
  .ig-mobile-bottom-nav a:nth-child(3) b { top:-3px; right:-3px; border-color:#121215; }
}

/* Apple-style mobile menu */
@media (max-width:900px) {
  .ig-header-inner>.ig-mobile-only { width:34px; height:34px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.055); }
  .ig-header-inner>.ig-mobile-only:hover { background:rgba(255,255,255,.1); }
  .ig-drawer-backdrop { background:rgba(0,0,0,.52); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); transition:opacity .32s ease; }
  .ig-drawer { top:8px; bottom:8px; left:8px; width:min(354px,calc(100vw - 24px)); overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:28px; background:rgba(21,21,24,.91); box-shadow:0 28px 90px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(32px) saturate(145%); -webkit-backdrop-filter:blur(32px) saturate(145%); transform:translateX(calc(-100% - 20px)) scale(.98); transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease; opacity:.5; }
  .ig-drawer.open { transform:translateX(0) scale(1); opacity:1; }
  .ig-drawer-head { height:68px; padding:0 18px 0 20px; border-bottom:0; }
  .ig-drawer-close { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.1); border-radius:50%; color:#b8b8be; background:rgba(255,255,255,.07); transition:background .2s,color .2s,transform .2s; }
  .ig-drawer-close:hover { color:#fff; background:rgba(255,255,255,.13); transform:rotate(4deg); }
  .ig-drawer-close svg { width:16px; height:16px; }
  .ig-drawer-user { display:grid; grid-template-columns:46px minmax(0,1fr) 18px; align-items:center; gap:12px; margin:4px 14px 12px; padding:13px; border:1px solid rgba(255,255,255,.09); border-radius:18px; color:#f5f5f7; background:rgba(255,255,255,.055); }
  .ig-drawer-user:hover { color:#fff; background:rgba(255,255,255,.08); }
  .ig-drawer-user i { width:46px; height:46px; display:grid; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(145deg,#2997ff,#0066cc); font-size:13px; font-style:normal; font-weight:750; box-shadow:0 7px 18px rgba(0,102,204,.25); }
  .ig-drawer-user span { min-width:0; display:grid; gap:3px; }
  .ig-drawer-user strong { overflow:hidden; font-size:13px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
  .ig-drawer-user small { overflow:hidden; color:#7f7f86; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
  .ig-drawer-user>svg { width:16px; color:#606067; }
  .ig-drawer nav { gap:3px; overflow-y:auto; padding:8px 14px 14px; }
  .ig-drawer nav a { min-height:50px; display:flex; align-items:center; gap:11px; padding:6px 11px 6px 7px; border:0; border-radius:14px; color:#b8b8be; font-size:13px; transition:color .2s,background .2s; }
  .ig-drawer nav a:hover { color:#fff; background:rgba(255,255,255,.06); }
  .ig-drawer nav a.active { color:#fff; background:rgba(255,255,255,.09); }
  .ig-drawer-link-icon { width:32px; height:32px; display:grid; place-items:center; flex:none; border:0; border-radius:9px; color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 3px 9px rgba(0,0,0,.18); }
  .ig-drawer-link-icon.tone-blue { background:linear-gradient(145deg,#54a8ff,#087cf0); }
  .ig-drawer-link-icon.tone-purple { background:linear-gradient(145deg,#af72ff,#7737d8); }
  .ig-drawer-link-icon.tone-orange { background:linear-gradient(145deg,#ffb340,#f07b0b); }
  .ig-drawer-link-icon.tone-green { background:linear-gradient(145deg,#4bd36b,#20a845); }
  .ig-drawer-link-icon.tone-gray { background:linear-gradient(145deg,#8e8e93,#5c5c62); }
  .ig-drawer-link-icon.tone-pink { background:linear-gradient(145deg,#ff6482,#e72f5b); }
  .ig-drawer nav a.active .ig-drawer-link-icon { box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 3px rgba(255,255,255,.09),0 5px 12px rgba(0,0,0,.24); }
  .ig-drawer-link-icon svg { width:17px; height:17px; stroke-width:2; }
  .ig-drawer nav a strong { flex:1; font-weight:560; }
  .ig-drawer nav a b { min-width:20px; height:20px; display:grid; place-items:center; padding:0 5px; border-radius:99px; color:#fff; background:#2997ff; font-size:9px; }
  .ig-drawer-chevron { width:15px; height:15px; color:#55555b; }
  .ig-drawer-auth,.ig-drawer-account { margin-top:auto; padding:12px 14px 16px; border-top:1px solid rgba(255,255,255,.07); }
  .ig-drawer-auth { gap:8px; }
  .ig-drawer-auth a { min-height:46px; padding:0 12px; border-radius:14px; background:rgba(255,255,255,.08); }
  .ig-drawer-auth a:last-child { color:#fff; background:#147ce5; }
  .ig-drawer-account { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .ig-drawer-account a,.ig-drawer-account button { min-height:44px; display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid rgba(255,255,255,.09); border-radius:14px; color:#a8a8af; background:rgba(255,255,255,.055); font-size:11px; font-weight:600; }
  .ig-drawer-account button { color:#ff6961; }
  .ig-drawer-account svg { width:15px; height:15px; }
}

/* Quiet, native-looking mobile menu icons */
@media (max-width:900px) {
  .ig-drawer nav { gap:0; margin:6px 14px 14px; padding:5px; border:1px solid rgba(255,255,255,.075); border-radius:18px; background:rgba(255,255,255,.025); }
  .ig-drawer nav a { min-height:49px; gap:12px; padding:6px 10px; border-radius:13px; }
  .ig-drawer nav a + a { position:relative; }
  .ig-drawer nav a + a::before { content:""; position:absolute; top:0; left:48px; right:10px; height:1px; background:rgba(255,255,255,.055); }
  .ig-drawer nav a:hover { background:rgba(255,255,255,.045); }
  .ig-drawer nav a.active { color:#fff; background:rgba(255,255,255,.075); }
  .ig-drawer-link-icon,
  .ig-drawer-link-icon.tone-blue,
  .ig-drawer-link-icon.tone-purple,
  .ig-drawer-link-icon.tone-orange,
  .ig-drawer-link-icon.tone-green,
  .ig-drawer-link-icon.tone-gray,
  .ig-drawer-link-icon.tone-pink { width:30px; height:30px; border:0; border-radius:0; color:#8e8e95; background:transparent; box-shadow:none; }
  .ig-drawer nav a.active .ig-drawer-link-icon { color:#2997ff; background:transparent; box-shadow:none; }
  .ig-drawer-link-icon svg { width:19px; height:19px; stroke-width:1.75; }
  .ig-drawer nav a strong { font-size:13px; font-weight:500; letter-spacing:-.01em; }
  .ig-drawer-chevron { width:14px; height:14px; color:#48484e; stroke-width:1.8; }
  .ig-drawer nav a b { min-width:19px; height:19px; background:#2997ff; box-shadow:none; }
}

/* iOS-style account summary inside the drawer */
@media (max-width:900px) {
  .ig-drawer-profile-card { margin:2px 14px 10px; padding:6px; border:1px solid rgba(255,255,255,.085); border-radius:21px; background:rgba(255,255,255,.045); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
  .ig-drawer-profile-card .ig-drawer-user { margin:0; padding:9px; border:0; border-radius:15px; background:transparent; }
  .ig-drawer-profile-card .ig-drawer-user:hover { background:rgba(255,255,255,.045); }
  .ig-drawer-profile-card .ig-drawer-user i { width:44px; height:44px; border-radius:50%; background:#f5f5f7; color:#111; box-shadow:none; }
  .ig-drawer-profile-card .ig-drawer-user>svg { color:#55555c; }
  .ig-drawer-balance { min-height:43px; display:grid; grid-template-columns:1fr auto 15px; align-items:center; gap:8px; margin-top:2px; padding:0 10px; border-top:1px solid rgba(255,255,255,.07); color:#f5f5f7; }
  .ig-drawer-balance:hover { color:#fff; }
  .ig-drawer-balance span { display:flex; align-items:center; gap:8px; color:#8e8e95; font-size:11px; }
  .ig-drawer-balance span svg { width:15px; height:15px; color:#30d158; stroke-width:1.8; }
  .ig-drawer-balance strong { font-size:12px; font-weight:650; font-variant-numeric:tabular-nums; }
  .ig-drawer-balance>svg { width:14px; color:#4e4e54; }
  .ig-drawer-quick-links { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:0 4px 4px; }
  .ig-drawer-quick-links a { min-height:37px; display:flex; align-items:center; justify-content:center; gap:7px; border-radius:11px; color:#a8a8ae; background:rgba(255,255,255,.055); font-size:10px; font-weight:600; }
  .ig-drawer-quick-links a:hover { color:#fff; background:rgba(255,255,255,.09); }
  .ig-drawer-quick-links svg { width:14px; height:14px; color:#2997ff; stroke-width:1.8; }
  .ig-drawer-account-single { grid-template-columns:1fr; }
  .ig-drawer-account-single button { color:#ff6961; background:transparent; }
  .ig-drawer-guest-card { padding:6px; }
  .ig-drawer-guest-card .ig-drawer-user i { color:#8e8e95; background:rgba(255,255,255,.08); }
  .ig-drawer-guest-card .ig-drawer-user i svg { width:20px; height:20px; stroke-width:1.7; }
  .ig-drawer-guest-card .ig-drawer-user strong { color:#f5f5f7; }
  .ig-drawer-guest-actions { display:grid; grid-template-columns:1fr 1.15fr; gap:7px; padding:4px; border-top:1px solid rgba(255,255,255,.065); }
  .ig-drawer-guest-actions a { min-height:40px; display:flex; align-items:center; justify-content:center; gap:7px; border-radius:12px; color:#d1d1d6; background:rgba(255,255,255,.065); font-size:11px; font-weight:600; }
  .ig-drawer-guest-actions a:last-child { color:#fff; background:#147ce5; }
  .ig-drawer-guest-actions a:hover { color:#fff; background:rgba(255,255,255,.1); }
  .ig-drawer-guest-actions a:last-child:hover { background:#2997ff; }
  .ig-drawer-guest-actions svg { width:14px; height:14px; }
}