.shop-view{width:100%;max-width:var(--container-max-width,1920px);margin-left:auto;margin-right:auto}@media (width>=1280px){.shop-view{padding:0 80px}}@media (width>=1024px) and (width<=1279px){.shop-view{padding:0 48px}}@media (width>=768px) and (width<=1023px){.shop-view{padding:0 32px}}@media (width<=767px){.shop-view{padding:0 16px}}@media (width>=1280px){.shop-view{padding-top:40px}}@media (width>=1024px) and (width<=1279px){.shop-view{padding-top:40px}}@media (width>=768px) and (width<=1023px){.shop-view{padding-top:32px}}@media (width<=767px){.shop-view{padding-top:24px}}@media (width>=1280px){.shop-view{padding-bottom:80px}}@media (width>=1024px) and (width<=1279px){.shop-view{padding-bottom:64px}}@media (width>=768px) and (width<=1023px){.shop-view{padding-bottom:48px}}@media (width<=767px){.shop-view{padding-bottom:40px}}.shop-view .breadcrumbs{margin-bottom:24px}@media (width<=767px){.shop-view .breadcrumbs{margin-bottom:16px}}.shop-view .layout{grid-template-columns:280px 1fr;align-items:start;gap:48px;display:grid}@media (width>=1280px){.shop-view .layout{gap:48px}}@media (width>=1024px) and (width<=1279px){.shop-view .layout{gap:40px}}@media (width>=768px) and (width<=1023px){.shop-view .layout{gap:32px}}@media (width<=767px){.shop-view .layout{gap:24px}}@media (width<=1279px){.shop-view .layout{grid-template-columns:240px 1fr}}@media (width<=1023px){.shop-view .layout{grid-template-columns:1fr}}.shop-view .sidebar{position:sticky;top:24px}@media (width<=1023px){.shop-view .sidebar{position:static;top:auto}}.shop-view .main{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:40px;min-width:0;display:flex}@media (width<=767px){.shop-view .main{gap:32px}}.shop-view .head{flex-direction:column;gap:20px;display:flex}@media (width<=767px){.shop-view .head{gap:16px}}.shop-view .head h1{font-family:var(--font-family-primary,Arial), sans-serif;text-transform:uppercase;color:#1c1f23;font-size:40px;font-weight:600;line-height:1.1}@media (width>=1280px){.shop-view .head h1{font-size:40px}}@media (width>=1024px) and (width<=1279px){.shop-view .head h1{font-size:36px}}@media (width>=768px) and (width<=1023px){.shop-view .head h1{font-size:32px}}@media (width<=767px){.shop-view .head h1{font-size:26px}}.shop-view .controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=767px){.shop-view .controls{flex-direction:column;align-items:flex-start;gap:12px}}.shop-view .count{font-family:var(--font-family-secondary,Arial), sans-serif;color:#888;font-size:15px}@media (width<=767px){.shop-view .count{font-size:14px}}.shop-view .empty{font-family:var(--font-family-secondary,Arial), sans-serif;color:#1c1f23;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 0;display:flex}@media (width<=767px){.shop-view .empty{padding:32px 0}}.shop-view .empty .empty-title{font-size:18px;font-weight:600}@media (width<=767px){.shop-view .empty .empty-title{font-size:16px}}.shop-view .empty .empty-hint{color:#888;font-size:15px}.shop-view .empty .empty-clear{color:#b31f35;margin-top:4px;font-size:14px;text-decoration:underline}
