/* ==========================================================================
   2K KARAVAN EXACT HEADER, MENU, CIRCLE BADGES & 2K MEGA DROPDOWN
   ========================================================================== */

/* Top bar (Light & Clean) */
.top-bar-2k {
  background: #ffffff;
  border-bottom: 1px solid #f1f5f9;
  padding: 0.4rem 0;
  font-size: 0.825rem;
}

.top-bar-inner-2k {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.top-bar-phone {
  color: #1e293b;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}


/* Main Header */
.main-header-2k {
  background: #ffffff;
  border-bottom: 1px solid #f1f5f9;
  padding: 0.85rem 0;
  position: relative;
  z-index: 1000;
}

.header-row-2k {
  display: grid;
  grid-template-columns: 240px 1fr auto;
  gap: 2.5rem;
  align-items: center;
}

/* Official Mellifera Tech Logo */
.logo-2k {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.logo-2k img {
  height: 44px;
  width: auto;
  object-fit: contain;
}

/* Search Bar */
.search-box-2k {
  display: flex;
  align-items: center;
  max-width: 580px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.search-input-2k {
  flex: 1;
  padding: 0.65rem 1rem;
  border: 1px solid #cbd5e1;
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 0.9rem;
  color: #1e293b;
  outline: none;
  background: #ffffff;
  transition: border-color 0.2s;
}

.search-input-2k:focus {
  border-color: #ffe600;
  box-shadow: 0 0 0 3px rgba(255, 230, 0, 0.2);
}

.search-btn-2k {
  background: #ffe600;
  color: #1b2a4a;
  border: 1px solid #ffe600;
  padding: 0.65rem 1.15rem;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.search-btn-2k:hover {
  background: #ffe600;
}

/* Search Dropdown / Autocomplete Results Floating Box */
.search-results-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16);
  max-height: 420px;
  overflow-y: auto;
  z-index: 10000;
  display: none;
}

.search-results-dropdown.active {
  display: block;
}

.search-result-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  text-decoration: none;
  background: #ffffff;
  transition: background 0.15s ease;
}

.search-result-item:last-child {
  border-bottom: none;
}

.search-result-item:hover {
  background: #f8fafc;
}

.search-result-thumb {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  object-fit: cover !important;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  flex-shrink: 0;
  display: block;
}

.search-result-info {
  flex: 1;
  min-width: 0;
}

.search-result-title {
  font-size: 0.85rem;
  font-weight: 700;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-result-meta {
  display: flex;
  gap: 8px;
  font-size: 0.75rem;
  color: #64748b;
  margin-top: 2px;
}

.search-result-price {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1b2a4a;
  text-align: right;
  white-space: nowrap;
}

/* Header Right (User & Cart) */
.header-right-2k {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.user-btn-2k {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px;
  max-width: 260px;
  padding: 5px 10px 5px 6px;
  appearance: none;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #ffffff;
  cursor: pointer;
  color: #1e293b;
  font-size: 0.9rem;
  font-weight: 600;
  position: relative;
}

.user-btn-2k:hover { border-color:#cbd5e1; background:#f8fafc; }
.user-btn-2k > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.header-logout-2k {
  min-height: 40px;
  padding: .55rem .9rem;
  border: 1px solid #1b2a4a;
  border-radius: 999px;
  background: #1b2a4a;
  color: #fff;
  cursor: pointer;
  font: 800 .78rem var(--font-main);
  white-space: nowrap;
}
.header-logout-2k:hover { background:#ffe600; border-color:#ffe600; color:#1b2a4a; }

.user-btn-2k svg.avatar-icon {
  width: 32px;
  height: 32px;
  color: #475569;
  border: 1.5px solid #cbd5e1;
  border-radius: 999px;
  padding: 4px;
}

.cart-btn-2k {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  color: #1e293b;
  font-size: 0.9rem;
  font-weight: 700;
}

.cart-btn-2k svg {
  width: 24px;
  height: 24px;
  color: #475569;
}

.user-dropdown-2k {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  width: 240px;
  padding: 0.75rem;
  z-index: 1000;
  display: none;
}
.user-dropdown-2k.active {
  display: block;
}
.user-dropdown-2k > strong,.user-dropdown-2k > small { display:block; padding:.25rem .75rem; overflow-wrap:anywhere; }
.user-dropdown-2k > strong { color:#1b2a4a; font-size:.82rem; }
.user-dropdown-2k > small { color:#718096; font-size:.72rem; border-bottom:1px solid #edf0f5; margin-bottom:.35rem; }
.user-dropdown-2k a, .user-dropdown-2k button {
  display: block;
  padding: 0.5rem 0.75rem;
  color: #334155;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 4px;
  width: 100%;
  text-align: left;
  border: none;
  background: transparent;
  cursor: pointer;
}
.user-dropdown-2k a:hover, .user-dropdown-2k button:hover {
  background: #ffe600;
  color: #1b2a4a;
}

/* Category Navigation Bar */
.nav-bar-2k {
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  position: sticky;
  top: 0;
  z-index: 2000;
  box-shadow: 0 5px 18px rgba(27, 42, 74, 0.04);
}

.sticky-cart-btn{position:absolute;top:50%;right:max(1rem,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:.45rem;min-height:36px;padding:.45rem .75rem;border:1px solid #d9dee7;border-radius:999px;background:#fff;color:#000;font-size:.75rem;font-weight:800;box-shadow:none;opacity:0;visibility:hidden;transform:translateY(-50%) translateX(10px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease,border-color .16s ease,background-color .16s ease;z-index:5}.sticky-cart-btn:hover{border-color:#ffe600;background:#ffe600}.sticky-cart-btn.is-visible{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}.sticky-cart-btn svg{width:19px;height:19px;flex:0 0 19px;stroke-width:2.2}.sticky-cart-btn strong{font-size:.72rem;font-weight:800;white-space:nowrap}
@media(max-width:1000px){.sticky-cart-btn{position:fixed;top:.35rem;right:.5rem;width:42px;min-width:42px;min-height:42px;padding:.45rem;justify-content:center;border-radius:50%;z-index:2100}.sticky-cart-btn.is-visible{transform:none}.sticky-cart-btn span,.sticky-cart-btn strong{display:none}.sticky-cart-btn svg{width:22px;height:22px}}
.mini-cart-popover{position:fixed;display:none;width:min(360px,calc(100vw - 20px));max-height:min(520px,calc(100vh - 80px));overflow:auto;border:1px solid #d9dee7;border-radius:12px;background:#fff;color:#111827;box-shadow:0 18px 45px rgba(15,23,42,.18);z-index:12000}.mini-cart-popover.is-open{display:block}.mini-cart-popover>header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.05rem;border-bottom:1px solid #e5e7eb}.mini-cart-popover>header strong{font-size:1rem;font-weight:900}.mini-cart-popover>header span{color:#64748b;font-size:.74rem;font-weight:700}.mini-cart-list{display:grid;padding:.25rem 1rem}.mini-cart-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:.75rem;align-items:center;padding:.75rem 0;border-bottom:1px solid #edf0f4}.mini-cart-item img{width:54px;height:54px;border:1px solid #edf0f4;border-radius:7px;object-fit:contain;background:#fff}.mini-cart-item div{display:grid;gap:.25rem;min-width:0}.mini-cart-item strong{overflow:hidden;color:#111827;font-size:.79rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mini-cart-item span{color:#64748b;font-size:.73rem;font-weight:650}.mini-cart-more{margin:.7rem 0;color:#64748b;font-size:.72rem;font-weight:700}.mini-cart-popover>footer{display:grid;gap:.8rem;padding:1rem;background:#f8fafc}.mini-cart-popover>footer>div{display:flex;align-items:center;justify-content:space-between}.mini-cart-popover>footer span{color:#64748b;font-size:.76rem;font-weight:700}.mini-cart-popover>footer strong{color:#111827;font-size:1.05rem;font-weight:900}.mini-cart-popover>footer a,.mini-cart-empty a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:8px;background:#ffe600;color:#111827;font-size:.8rem;font-weight:900}.mini-cart-empty{display:grid;gap:.55rem;padding:1.5rem 1rem;text-align:center}.mini-cart-empty strong{font-size:.95rem}.mini-cart-empty span{color:#64748b;font-size:.78rem;line-height:1.5}.mini-cart-empty a{margin-top:.35rem}

.nav-row-2k {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.75rem;
}

/* Special framed item on the left */
.nav-special-box-2k {
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: #1e293b;
  white-space: nowrap;
  margin: 0.4rem 0;
  background: #f8fafc;
  cursor: pointer;
  transition: all 0.2s;
}

.nav-special-box-2k:hover, .nav-special-box-2k.active {
  border-color: #ffe600;
  color: #1b2a4a;
  background: rgba(255, 230, 0, 0.12);
}

.nav-special-box-2k svg {
  color: #ffe600;
  width: 22px;
  height: 22px;
}

/* Category menu item */
.nav-category-item {
  position: relative;
  padding: 0.85rem 0;
  cursor: pointer;
}

.nav-category-link {
  font-size: 0.9rem;
  font-weight: 600;
  color: #334155;
  white-space: nowrap;
  display: inline-block;
  transition: color 0.2s;
}

.nav-category-link::after,
.nav-item-link-2k::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #ffe600;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .18s ease;
}

/* Catalog sayfasındaki doğrudan kategori bağlantıları. */
.nav-item-link-2k {
  position: relative;
  padding: .85rem 0;
  color: #334155;
  font-size: .9rem;
  font-weight: 600;
  white-space: nowrap;
  transition: color .2s ease;
}
.nav-item-link-2k:hover,
.nav-item-link-2k.active { color: #1b2a4a; }
.nav-item-link-2k:hover::after,
.nav-item-link-2k.active::after { transform: scaleX(1); }

.nav-category-item:hover .nav-category-link,
.nav-category-item.active .nav-category-link {
  color: #1b2a4a;
}
.nav-category-item:hover .nav-category-link::after,
.nav-category-item.active .nav-category-link::after { transform: scaleX(1); }
.unified-dealer-application { margin-left:0; color:#1b2a4a; font-weight:800; }

/* ==========================================================================
   2K KARAVAN EXACT FULL-WIDTH MEGA DROPDOWN (Matches User's Screenshot!)
   ========================================================================== */
.mega-dropdown-2k {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  border-bottom: 3px solid #ffe600;
  z-index: 9999;
  display: none;
  animation: megaFadeIn 0.2s ease-out;
}

.mega-dropdown-2k.active {
  display: block;
}
.unified-store-footer{margin-top:3rem;padding:3rem 0 1.2rem;background:#111827;color:#cbd5e1}
.unified-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:2.5rem;padding-bottom:2rem}
.unified-footer-grid section{display:flex;flex-direction:column;align-items:flex-start;gap:.62rem}
.unified-footer-grid h2{margin:0 0 .35rem;color:#fff;font-size:.92rem;font-weight:850}
.unified-footer-grid section>a{color:#cbd5e1;font-size:.78rem;line-height:1.35;transition:color .18s ease}
.unified-footer-grid section>a:hover{color:#ffe600}
.unified-footer-brand>a{color:#ffe600!important;font-family:var(--font-heading);font-size:1.45rem!important;font-weight:900;letter-spacing:.06em}
.unified-footer-brand p{max-width:280px;margin:.25rem 0 .35rem;color:#fff;font-size:.78rem;font-weight:750;line-height:1.5}
.unified-footer-brand span{color:#94a3b8;font-size:.74rem}
.unified-footer-brand address{display:grid;gap:.4rem;max-width:300px;margin:.15rem 0 0;font-style:normal;line-height:1.45}.unified-footer-brand address a{color:#cbd5e1;font-size:.74rem;font-weight:650}.unified-footer-brand address a:hover{color:#ffe600}
.unified-footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:.69rem}
@media(max-width:850px){.unified-footer-grid{grid-template-columns:1fr 1fr;gap:1.8rem}}
@media(max-width:520px){.unified-store-footer{padding-top:2rem}.unified-footer-grid{grid-template-columns:1fr;gap:1.5rem}.unified-footer-bottom{flex-direction:column}}
.mega-promo-card { padding:1.25rem; border:1px solid #e2e8f0; border-radius:8px; background:#f8fafc; text-align:center; }
.mega-promo-title { margin-bottom:.35rem; color:#1e293b; font-size:.9rem; font-weight:800; }
.mega-promo-card p { margin-bottom:.75rem; color:#64748b; font-size:.775rem; line-height:1.45; }
.mega-promo-card .btn-orange-2k { width:100%; padding:.45rem .85rem; font-size:.8rem; }

.catalog-breadcrumb-bar { padding:.8rem 0; border-bottom:1px solid var(--border-light); background:#fff; }
.catalog-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; min-height:24px; color:#64748b; font-size:.85rem; }
.catalog-breadcrumb a { color:#1b2a4a; font-weight:800; }
.catalog-breadcrumb span:last-child { color:#64748b; font-weight:600; }
.catalog-breadcrumb-separator { color:#c1cad7!important; font-weight:700!important; }

.mega-dropdown-inner {
  padding: 2.25rem 0 3rem;
  position: relative;
}

/* Dropdown Header: Big Category Title + Count on Left, Image + Close on Right */
.mega-header-2k {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  position: relative;
}

.mega-title-group h2 {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 800;
  color: #1e293b;
  margin-bottom: 0.25rem;
  letter-spacing: -0.02em;
}

.mega-title-group span.mega-item-count {
  font-size: 0.875rem;
  color: #94a3b8;
  font-weight: 600;
}

.mega-header-right-group {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.mega-illus-img {
  max-height: 95px;
  width: auto;
  object-fit: contain;
}

.mega-close-btn-2k {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1.5px solid #cbd5e1;
  background: #ffffff;
  color: #64748b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s;
}

.mega-close-btn-2k:hover {
  border-color: #ffe600;
  color: #1b2a4a;
  background: rgba(255, 230, 0, 0.12);
}

/* Multi-Column List with Vertical Dividers (|) and > Arrows */
.mega-columns-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 260px;
  gap: 2rem;
}

.mega-column {
  border-right: 1.5px solid #1e293b; /* Distinct vertical divider like in screenshot */
  padding-right: 1.75rem;
}

.mega-column:last-child {
  border-right: none;
  padding-right: 0;
}

.mega-column-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: #0f172a;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mega-column-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.mega-column-list a {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.925rem;
  color: #334155;
  font-weight: 500;
  transition: all 0.2s ease;
}

.mega-column-list a svg {
  width: 12px;
  height: 12px;
  color: #94a3b8;
  transition: transform 0.2s ease, color 0.2s ease;
  flex-shrink: 0;
}

.mega-column-list a:hover {
  color: #ffe600;
  background: transparent;
}

.mega-column-list a:hover svg {
  color: currentColor;
}

html[data-theme="dark"] body:not(.management-page) .mega-dropdown-2k { background:#111827; border-color:#2a3649; }
html[data-theme="dark"] body:not(.management-page) .mega-column { border-color:#334155; }
html[data-theme="dark"] body:not(.management-page) .mega-column-title { color:#f8fafc; }
html[data-theme="dark"] body:not(.management-page) .mega-column-list a { color:#cbd5e1; }
html[data-theme="dark"] body:not(.management-page) .mega-column-list a:hover,
html[data-theme="dark"] body:not(.management-page) .mega-column-list a:hover svg { color:#ffe600; background:transparent; }

@keyframes megaFadeIn {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Brand Circles Row */
.brand-circles-strip {
  background: #ffffff;
  padding: 1.25rem 0 1.5rem;
  border-bottom: 1px solid #f1f5f9;
}

.brand-circles-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  overflow-x: auto;
  scrollbar-width: none;
}
.brand-circles-row::-webkit-scrollbar {
  display: none;
}

.brand-circle-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
  text-decoration: none;
  min-width: 80px;
}

.brand-circle-ring {
  width: 64px;
  height: 64px;
  border-radius: 999px;
  border: 2px solid #e2e8f0;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  padding: 6px;
  overflow: hidden;
}

.ring-blue,
.ring-orange,
.ring-amber,
.ring-cyan,
.ring-red,
.ring-navy,
.ring-green {
  border-color: #1b2a4a;
}

.brand-circle-icon-inner img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.brand-circle-label {
  font-size: 0.775rem;
  font-weight: 700;
  color: #475569;
  text-align: center;
  white-space: nowrap;
}

/* Sky Blue Hero Section with Floating White Island */
.hero-canvas-2k {
  background: #1b2a4a;
  padding: 1.75rem 0 3.5rem;
  position: relative;
}

.hero-tab-pill-2k {
  display: table;
  margin: 0 auto 1.5rem;
  background: #ffffff;
  color: #1e293b;
  font-weight: 800;
  font-size: 0.95rem;
  padding: 0.5rem 2.25rem;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: transform 0.2s;
}
.hero-tab-pill-2k:hover {
  transform: scale(1.04);
}

.hero-island-card-2k {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.05fr 1.15fr;
  min-height: 380px;
  align-items: center;
  position: relative;
}

.hero-island-left {
  padding: 3rem 2.75rem;
}

.hero-island-headline {
  font-family: var(--font-heading);
  font-size: 2.25rem;
  font-weight: 800;
  color: #1e293b;
  line-height: 1.2;
  margin-bottom: 1.25rem;
}

.hero-island-headline span {
  color: #1b2a4a;
  background: linear-gradient(transparent 68%, #ffe600 68%, #ffe600 94%, transparent 94%);
  padding-inline: 0.04em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.hero-island-sub {
  font-size: 0.95rem;
  color: #64748b;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.hero-island-right {
  height: 100%;
  position: relative;
  overflow: hidden;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.hero-island-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-island-graphic-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  left: auto;
  max-width: min(280px, calc(100% - 40px));
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  padding: 0.75rem 1.25rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  text-align: right;
}

.hero-island-graphic-badge h4 {
  font-size: 0.95rem;
  font-weight: 800;
  color: #1e293b;
}
.hero-island-graphic-badge p {
  font-size: 0.75rem;
  color: #6b5800;
  font-weight: 700;
}

.hero-brand-logos-row {
  display: flex;
  gap: 1rem;
  margin-top: 1.75rem;
}

.hero-brand-card {
  background: #ffffff;
  border-radius: 8px;
  padding: 0.6rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  font-weight: 800;
  font-size: 0.95rem;
  color: #1e293b;
  letter-spacing: -0.02em;
  text-decoration: none;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.hero-brand-card:hover,
.hero-brand-card:focus-visible {
  box-shadow: 0 0 0 3px rgba(255, 230, 0, 0.72), 0 4px 10px rgba(0, 0, 0, 0.08);
}

@media (max-width: 900px) {
  .header-row-2k {
    grid-template-columns: auto 1fr auto;
  }
  .mega-columns-grid {
    grid-template-columns: 1fr;
  }
  .mega-column {
    border-right: none;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 1.5rem;
  }
  .hero-island-card-2k {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .top-bar-inner-2k { justify-content: center; }
  .top-bar-phone { display: none; }
  .header-row-2k { grid-template-columns: 1fr auto; gap: 1rem; }
  .logo-2k img { height: 34px; }
  .search-box-2k { grid-column: 1 / -1; grid-row: 2; }
  .header-right-2k { gap: .75rem; }
  .user-btn-2k > span, .user-btn-2k > svg:last-child, .cart-btn-2k > svg:last-child { display: none; }
  .nav-row-2k { overflow-x: auto; gap: 1rem; padding-bottom: .2rem; }
  .nav-special-box-2k { display: none; }
  .nav-category-item { padding: .7rem 0; }
  .nav-category-link { font-size: .8rem; }
  .mega-header-2k { gap: 1rem; }
  .mega-illus-img { display: none; }
  .sticky-cart-btn{position:fixed;top:.45rem;right:.65rem;min-width:42px;min-height:42px;padding:.45rem;justify-content:center;border-radius:50%;z-index:2100}.sticky-cart-btn span,.sticky-cart-btn strong{display:none}.sticky-cart-btn svg{width:22px;height:22px}.mobile-store-toggle{padding-right:3.6rem!important}
  .hero-island-left { padding: 2rem 1.5rem; }
  .hero-island-headline { font-size: 1.75rem; }
}