/* Desktop composition for Orlovskoe Podvorie. Mobile styles remain unchanged. */
@media (min-width: 768px) {
  :root { --brand: #167a45; --ink: #18352a; --muted: #66756d; --paper: #f6f8f5; --line: #e3ebe5; }
  html, body { background: var(--paper); }
  body { max-width: none !important; width: 100%; margin: 0 !important; color: var(--ink); }
  .header { position: relative; z-index: 20; width: 100%; min-height: 88px; padding: 16px max(28px, calc((100vw - 1280px) / 2)); display: flex; align-items: center; justify-content: space-between; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 2px 14px rgba(22,58,38,.05); }
  .logo-wrap { display: flex; align-items: center; gap: 16px; }
  .logo-wrap .nav-bar { display: none; }
  .logo-wrap .logo { width: auto; height: 56px; max-width: 250px; object-fit: contain; }
  .avatar-wrap { display: flex; align-items: center; gap: 28px; color: var(--muted); }
  .avatar-wrap > span { display: flex; align-items: center; gap: 8px; }
  .header-login-btn, .account .dropdown-toggle { display: flex; align-items: center; gap: 10px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); }
  .avatar { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
  .header-sidebar { display: block; position: relative; width: 100%; height: auto; min-height: 0; padding: 0; background: #fff; border-bottom: 1px solid var(--line); }
  .header-sidebar .wrap { max-width: 1280px; height: auto !important; min-height: 0; margin: 0 auto; padding: 0 28px; }
  .header-sidebar .navigation { margin: 0; padding: 0; }
  .header-sidebar .navigation ul { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
  .header-sidebar .navigation li { margin: 0; }
  .header-sidebar .navigation .nav-link { display: block; padding: 15px 17px; color: var(--ink); text-decoration: none; font-weight: 600; border-bottom: 3px solid transparent; }
  .header-sidebar .navigation .nav-link:hover { color: var(--brand); border-bottom-color: var(--brand); }
  .overlay-sidebar { display: none; }
  .main-wrap { width: min(1280px, calc(100% - 56px)); margin: 0 auto; padding: 24px 0 72px; }
  .main-wrap > form { max-width: 760px; margin: 0 auto 24px; }
  .search-box { min-height: 50px; background: #fff; border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 4px 18px rgba(22,58,38,.06); overflow: hidden; }
  .search-box .form-control { border: 0; padding-left: 48px; font-size: 16px; }
  .search-box .btn { min-width: 108px; border-radius: 0; }
  .main-wrap.index-page > .slider, .main-wrap.index-page .main-slider { margin-bottom: 28px; }
  .main-wrap.index-page .slick-slide img { width: 100%; max-height: 430px; object-fit: cover; border-radius: 12px; }
  .catagories-classic { width: 100%; }
  .catagories-classic section.category { padding: 20px 0 12px; }
  .catagories-classic .row { --bs-gutter-x: 18px; --bs-gutter-y: 18px; }
  .catagories-classic .w-cat { width: 16.6667% !important; flex: 0 0 16.6667%; }
  .catagories-classic .w-item { width: 20% !important; flex: 0 0 20%; }
  .catagories-classic .product-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
  .catagories-classic .product-list > * { width: auto !important; max-width: none !important; }
  .catagories-classic .card, .catagories-classic .product-box { height: 100%; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 4px 16px rgba(22,58,38,.05); overflow: hidden; }
  .catagories-classic h3 { display: flex; align-items: center; gap: 16px; margin: 20px 0; color: var(--ink); font-size: 24px; }
  .catagories-classic h3 .line { flex: 1; height: 1px; background: var(--line); }
  .footer-wrap { position: relative; width: 100%; background: #173b2b; }
  .footer { width: min(1280px, calc(100% - 56px)); min-height: 72px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; gap: 28px; list-style: none; }
  .footer-item { margin: 0; }
  .footer-link { display: flex; align-items: center; gap: 8px; color: #eaf5ed; text-decoration: none; }
  .footer-link:hover { color: #9ee1b5; }
  .footer-item:last-child { margin-left: auto; }
  .fixed-panel, .mobile-menu, .mobile-header { display: none !important; }
}