:root {
  --primary-color: #000000;
  --accent-color: #8e4500;
  --border-gray: #e2e2e2;
  --text-muted: #555555;
  --bg-beige: #f9f6f0;
}

* { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
body { margin: 0; padding: 0; background: #f5f5f3; color: #151515; }
.browse-section { width: min(100%, 1480px); margin: 0 auto; padding: 18px 24px 56px; }
.browse-section h1 { margin: 16px 0 30px; font-size: clamp(38px, 5vw, 68px); font-weight: 560; line-height: 1; letter-spacing: -0.035em; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.browse-section .catalog-product-card { display: grid; grid-template-rows: minmax(0, 9fr) minmax(0, 2fr); aspect-ratio: 8 / 11; overflow: hidden; border: 1px solid #e2e2df; border-radius: 30px; background: #ffffff; box-shadow: 0 5px 18px rgb(0 0 0 / 0.06); color: #151515; text-decoration: none; transition: transform 0.22s ease, box-shadow 0.22s ease; }
.browse-section .catalog-product-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgb(0 0 0 / 0.11); }
.browse-section .catalog-product-image-frame { width: 100%; height: 100%; min-height: 0; aspect-ratio: auto; overflow: hidden; background: #efefec; }
.browse-section .catalog-product-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.32s ease; }
.browse-section .catalog-product-card:hover .catalog-product-image { transform: scale(1.025); }
.browse-section .catalog-product-card-label { position: static; inset: auto; min-height: 0; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 8px 16px 10px; background: #ffffff; }
.browse-section .catalog-product-meta { margin: 0 0 2px; color: #858585; font-size: 9px; font-weight: 700; letter-spacing: 0.09em; line-height: 1.15; text-transform: uppercase; opacity: 1; }
.browse-section .catalog-product-card .product-card-title { min-height: 0; margin: 0; color: #151515; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: 620; line-height: 1.2; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.browse-section .catalog-product-card .product-card-price { margin: 2px 0 0; color: #4d4d4d; font-size: 13px; font-weight: 520; line-height: 1.2; text-align: left; }
.product-grid-controls { display: flex; justify-content: center; margin-top: 30px; }
.product-grid-controls[hidden] { display: none !important; }
.product-grid-load-more { min-width: 160px; padding: 12px 24px; border: 1px solid #151515; border-radius: 999px; background: #ffffff; color: #151515; font-size: 14px; font-weight: 600; cursor: pointer; }
@media (max-width: 1200px) { .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .browse-section { padding-inline: 18px; } .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
@media (max-width: 560px) { .browse-section { padding-inline: 14px; } .product-grid { grid-template-columns: 1fr; } }