header.scrolled .search-bar::placeholder { color: #5c6558; }

@media (max-width: 760px) {
  body { overflow-x: hidden; }
  .wrap { padding-left: 16px !important; padding-right: 16px !important; }
  header .nav-bottom { display: none !important; }
  .nav-top {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas: "brand icons" "search search" !important;
    align-items: center !important;
    gap: 8px 10px !important;
    padding: 10px 14px 12px !important;
  }
  .nav-top .brand { grid-area: brand; justify-self: start; }
  .nav-top .nav-icons { grid-area: icons; justify-self: end; gap: 10px !important; }
  .nav-icons .ic { display: flex !important; }
  #langSwitcher { display: none !important; }
  .nav-top .search-bar-wrap { grid-area: search; width: 100% !important; max-width: none !important; }
  .logo-img { height: 40px !important; }
  .search-bar { width: 100% !important; min-width: 0 !important; padding: 9px 40px 9px 12px !important; }
  .hero, .hero-banner, .banner { min-height: 0 !important; }
  .hero-copy h1, .hero h1, .catalog-header h1, .shop-page-header h1 {
    font-size: 26px !important;
    line-height: 1.2 !important;
  }
  .catalog-header, .shop-page-header { padding-top: 8px !important; }
  .catalog-toolbar { align-items: stretch !important; }
  .catalog-filters { width: 100%; }
  .catalog-filters select { flex: 1 1 140px; min-width: 0; max-width: 100%; }
  .carousel-track { grid-auto-columns: 72% !important; }
  #catalogGrid, .wishlist-grid, .products, .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .book .cover, .carousel-book .cover {
    height: 210px !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  .book .info, .carousel-book .info { padding: 12px 10px !important; }
  .book h4, .carousel-book h4 { font-size: 14px !important; }
  .details, .detail-layout, .checkout-layout, .cart-layout {
    display: block !important;
  }
  .checkout-panel, .cart-summary { margin-top: 16px; }
  input, select, textarea, button { font-size: 16px; }
}