@media (max-width: 900px) {
  /* ═══════════════════════════════════════════════════════════
     NAYKO iOS / APPLE-STYLE MOBILE REFINEMENTS
     Strictly mobile-only, zero function/layout/alignment changes
     ═══════════════════════════════════════════════════════════ */

  /* ── 1. GLOBAL TOUCH, SCROLLING & FONT SMOOTHING ── */
  html,
  body {
    overflow-x: clip !important;
    height: auto !important;
    max-height: none !important;
    min-height: 100% !important;
    position: static !important;
    touch-action: auto !important;
    overscroll-behavior: auto !important;
    scroll-behavior: auto !important;
    -webkit-overflow-scrolling: touch !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
  }

  * {
    -webkit-tap-highlight-color: transparent !important;
  }

  /* ── 2. iOS HAPTIC TAP / SPRING MICRO-INTERACTIONS ── */
  button:active,
  a[role="button"]:active,
  .btn:active,
  .btn-checkout:active,
  .btn-add-to-cart:active,
  .btn-buy-now-cod:active,
  .btn-wishlist-icon:active,
  .mob-nav-btn:active,
  .p-card:active,
  .product-card:active,
  .deal-card:active,
  .cat-card:active,
  .side-card:active,
  .nav-item:active,
  .theme-toggle-btn:active,
  .search-btn:active,
  .drawer-close-btn:active,
  .p-wishlist-btn:active,
  .wish-toggle-btn:active,
  .quick-btn:active,
  .modal-close:active,
  .sb-close-btn:active,
  .filter-chip-toggle:active,
  .size-chip-btn:active:not(:disabled) {
    transform: scale(0.97) !important;
    transition: transform 0.12s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }

  /* ── 3. APPLE iOS TOPBAR / NAVIGATION BAR ── */
  .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1001 !important;
    isolation: isolate;
    backdrop-filter: blur(25px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(180%) !important;
    transition: background-color 0.25s ease, border-color 0.25s ease !important;
  }

  [data-theme="dark"] .topbar {
    background: rgba(14, 17, 23, 0.8) !important;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.25) !important;
  }

  [data-theme="light"] .topbar {
    background: rgba(255, 255, 255, 0.82) !important;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03) !important;
  }

  /* Squircle Logo Icon */
  .mob-logo-img,
  .brand-logo-img,
  .sb-logo-img {
    border-radius: 11px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  }

  /* Apple UISearchBar Style */
  .search-wrap,
  .search-box-wrap {
    border-radius: 12px !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  [data-theme="dark"] .search-wrap,
  [data-theme="dark"] .search-box-wrap {
    background: rgba(118, 118, 128, 0.22) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme="light"] .search-wrap,
  [data-theme="light"] .search-box-wrap {
    background: rgba(118, 118, 128, 0.12) !important;
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
  }

  .search-wrap:focus-within,
  .search-box-wrap:focus-within {
    border-color: var(--accent, #10b981) !important;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.22) !important;
  }

  .search-inp,
  .search-input {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Plus Jakarta Sans", sans-serif !important;
    letter-spacing: -0.01em !important;
    font-size: 13.5px !important;
  }

  .search-btn {
    border-radius: 0 11px 11px 0 !important;
    box-shadow: none !important;
  }

  /* Apple Utility Theme Toggle Button */
  .theme-toggle-btn {
    border-radius: 12px !important;
    transition: transform 0.15s ease, background 0.2s ease !important;
  }

  [data-theme="dark"] .theme-toggle-btn {
    background: rgba(118, 118, 128, 0.2) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme="light"] .theme-toggle-btn {
    background: rgba(118, 118, 128, 0.12) !important;
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
  }

  /* ── 4. APPLE iOS TAB BAR (BOTTOM NAVIGATION) ── */
  .mob-nav {
    backdrop-filter: blur(25px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
    height: 62px !important;
    padding-bottom: max(env(safe-area-inset-bottom, 0px), 4px) !important;
    box-sizing: border-box !important;
    transition: background-color 0.25s ease, border-color 0.25s ease !important;
  }

  [data-theme="dark"] .mob-nav {
    background: rgba(15, 18, 24, 0.84) !important;
    border-top: 0.5px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.28) !important;
  }

  [data-theme="light"] .mob-nav {
    background: rgba(255, 255, 255, 0.86) !important;
    border-top: 0.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05) !important;
  }

  .mob-nav-btn {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Plus Jakarta Sans", sans-serif !important;
    letter-spacing: -0.01em !important;
    transition: color 0.15s ease, transform 0.15s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }

  .mob-nav-btn svg {
    stroke-width: 1.85 !important;
  }

  .mob-nav-btn.active svg {
    stroke: var(--accent, #10b981) !important;
    filter: drop-shadow(0 2px 8px rgba(16, 185, 129, 0.5)) !important;
  }

  .mob-nav-btn.active span {
    color: var(--accent, #10b981) !important;
    font-weight: 650 !important;
  }

  /* Apple Badge Style */
  .mob-nav-badge {
    background: #ff3b30 !important;
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 9999px !important;
    padding: 1px 5px !important;
    min-width: 16px !important;
    height: 16px !important;
    line-height: 14px !important;
    border: 1.5px solid var(--surface, #12141a) !important;
    box-shadow: 0 1px 4px rgba(255, 59, 48, 0.4) !important;
    letter-spacing: 0 !important;
  }

  /* ── 5. APPLE PRODUCT CARDS & SHOWCASES ── */
  .p-card,
  .prod-scroll .p-card,
  .products-grid .p-card,
  .product-card,
  .deals-product-card {
    border-radius: 16px !important;
    transition: transform 0.16s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.16s ease !important;
  }

  [data-theme="dark"] .p-card,
  [data-theme="dark"] .prod-scroll .p-card,
  [data-theme="dark"] .products-grid .p-card,
  [data-theme="dark"] .product-card,
  [data-theme="dark"] .deals-product-card {
    background: rgba(24, 27, 34, 0.9) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.22) !important;
  }

  [data-theme="light"] .p-card,
  [data-theme="light"] .prod-scroll .p-card,
  [data-theme="light"] .products-grid .p-card,
  [data-theme="light"] .product-card,
  [data-theme="light"] .deals-product-card {
    background: #ffffff !important;
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.035), 0 1px 3px rgba(0, 0, 0, 0.015) !important;
  }

  .p-media,
  .product-media {
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .p-media img,
  .product-media img,
  .product-img {
    border-radius: 12px !important;
  }

  .p-brand,
  .product-brand {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: var(--muted) !important;
  }

  .p-name,
  .product-name {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Outfit", sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
    line-height: 1.3 !important;
  }

  .p-curr-price,
  .product-price,
  .deal-price-now {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Outfit", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
  }

  .p-badge,
  .p-disc-badge,
  .c-badge,
  .card-badge {
    border-radius: 6px !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
  }

  /* Frosted Glass Wishlist Heart Button */
  .p-wishlist-btn,
  .wish-toggle-btn {
    border-radius: 50% !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.18) !important;
  }

  /* Category Filter Chips & Sort Dropdowns */
  .filter-chip-toggle {
    border-radius: 9999px !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    transition: all 0.15s ease !important;
  }

  [data-theme="dark"] .filter-chip-toggle {
    background: rgba(118, 118, 128, 0.2) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
    color: var(--text) !important;
  }

  [data-theme="light"] .filter-chip-toggle {
    background: rgba(118, 118, 128, 0.1) !important;
    border: 0.5px solid rgba(0, 0, 0, 0.05) !important;
    color: var(--text) !important;
  }

  .filter-chip-toggle.active {
    background: var(--accent, #10b981) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35) !important;
  }

  .select-dropdown {
    border-radius: 10px !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
  }

  [data-theme="dark"] .select-dropdown {
    background: rgba(118, 118, 128, 0.18) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
  }

  [data-theme="light"] .select-dropdown {
    background: rgba(118, 118, 128, 0.08) !important;
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
  }

  /* ── 6. APPLE FLASH DEALS & FEATURED CARDS ── */
  .deals-outer-card {
    border-radius: 18px !important;
  }

  [data-theme="dark"] .deals-outer-card {
    background: rgba(20, 23, 30, 0.85) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
  }

  [data-theme="light"] .deals-outer-card {
    background: #ffffff !important;
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
  }

  .deal-card {
    border-radius: 16px !important;
    transition: transform 0.16s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }

  [data-theme="dark"] .deal-card {
    background: rgba(28, 30, 38, 0.85) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
  }

  [data-theme="light"] .deal-card {
    background: #ffffff !important;
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
  }

  .deal-rank,
  .deal-disc-badge {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 8px !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
    font-weight: 700 !important;
  }

  .deal-add-glass,
  .deal-buy-glass {
    border-radius: 10px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
  }

  /* ── 7. APPLE CATEGORY NAVIGATION & CARDS ── */
  .cat-card {
    border-radius: 16px !important;
    transition: transform 0.16s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }

  [data-theme="dark"] .cat-card {
    background: rgba(24, 27, 34, 0.75) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
  }

  [data-theme="light"] .cat-card {
    background: #ffffff !important;
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  }

  .cat-card-icon,
  .cat-icon-wrap {
    border-radius: 12px !important;
  }

  .cat-card-name {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Outfit", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
  }

  /* ── 8. HERO & EDITORIAL SPOTLIGHT CARDS ── */
  .hero-main,
  .hero-banner {
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  [data-theme="dark"] .hero-main {
    border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
  }

  [data-theme="light"] .hero-main {
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
  }

  .brand-collage-card,
  .side-card {
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  [data-theme="dark"] .brand-collage-card,
  [data-theme="dark"] .side-card {
    border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
  }

  [data-theme="light"] .brand-collage-card,
  [data-theme="light"] .side-card {
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
  }

  .brand-card-tag,
  .side-card-tag {
    border-radius: 9999px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  /* ── 9. APPLE iOS SHEETS & DRAWERS (CART, WISHLIST, SIDEBAR) ── */
  .drawer-ov {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    background: rgba(0, 0, 0, 0.42) !important;
  }

  .cart-drawer,
  .sidebar {
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
  }

  [data-theme="dark"] .cart-drawer,
  [data-theme="dark"] .sidebar {
    background: rgba(18, 21, 28, 0.94) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme="light"] .cart-drawer,
  [data-theme="light"] .sidebar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
  }

  .dh,
  .sb-brand {
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 0.5px solid var(--border) !important;
  }

  /* iOS Circular Close Button */
  .drawer-close-btn,
  .sb-close-btn,
  .modal-close {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    transition: transform 0.15s ease, background 0.15s ease !important;
  }

  [data-theme="dark"] .drawer-close-btn,
  [data-theme="dark"] .sb-close-btn,
  [data-theme="dark"] .modal-close {
    background: rgba(118, 118, 128, 0.25) !important;
    color: #ffffff !important;
  }

  [data-theme="light"] .drawer-close-btn,
  [data-theme="light"] .sb-close-btn,
  [data-theme="light"] .modal-close {
    background: rgba(118, 118, 128, 0.14) !important;
    color: #1c1c1e !important;
  }

  /* Cart Item Card */
  .ci {
    border-radius: 14px !important;
    transition: background 0.15s ease !important;
  }

  [data-theme="dark"] .ci {
    background: rgba(28, 31, 40, 0.7) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.08) !important;
  }

  [data-theme="light"] .ci {
    background: #f8f9fb !important;
    border: 0.5px solid rgba(0, 0, 0, 0.05) !important;
  }

  .ci img {
    border-radius: 10px !important;
  }

  /* Stepper Segmented Control */
  .ci .ci-d button[onclick*="changeCartQty"] {
    transition: transform 0.1s ease !important;
  }

  /* Apple Primary Action Button (Checkout CTA) */
  .btn-checkout,
  .btn-buy-now-cod {
    border-radius: 14px !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Outfit", sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 4px 16px rgba(16, 185, 129, 0.35) !important;
    transition: transform 0.12s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.15s ease !important;
  }

  .btn-add-to-cart {
    border-radius: 14px !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Outfit", sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: -0.01em !important;
    transition: transform 0.12s cubic-bezier(0.25, 1, 0.5, 1) !important;
  }

  .size-chip-btn {
    border-radius: 10px !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif !important;
    font-weight: 600 !important;
    transition: all 0.15s ease !important;
  }

  [data-theme="dark"] .size-chip-btn {
    background: rgba(118, 118, 128, 0.18) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.1) !important;
  }

  [data-theme="light"] .size-chip-btn {
    background: rgba(118, 118, 128, 0.08) !important;
    border: 0.5px solid rgba(0, 0, 0, 0.06) !important;
  }

  .gallery-main-stage {
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  .thumb-item {
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  /* Sidebar Navigation Items */
  .sb-nav .nav-item {
    border-radius: 12px !important;
    transition: background 0.15s ease, transform 0.12s ease !important;
  }

  /* ── 10. APPLE MODALS & DIALOGS ── */
  .modal-card {
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  [data-theme="dark"] .modal-card {
    background: rgba(24, 27, 34, 0.96) !important;
    border: 0.5px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
  }

  [data-theme="light"] .modal-card {
    background: #ffffff !important;
    border: 0.5px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12) !important;
  }

  /* ── 11. SECTION HEADINGS & PILLS ── */
  .sec-hd,
  .sec-title,
  .section-title {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Outfit", sans-serif !important;
    letter-spacing: -0.02em !important;
  }

  .pill,
  .tag,
  .badge {
    border-radius: 9999px !important;
  }
}