@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc}.dark body{background:#0f172a}.products-grid{display:grid;gap:12px}@media (max-width: 639px){.products-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (min-width: 640px) and (max-width: 767px){.products-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (min-width: 768px) and (max-width: 1023px){.products-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media (min-width: 1024px) and (max-width: 1279px){.products-grid{grid-template-columns:repeat(5,1fr);gap:16px}}@media (min-width: 1280px) and (max-width: 1535px){.products-grid{grid-template-columns:repeat(6,1fr);gap:20px}}@media (min-width: 1536px){.products-grid{grid-template-columns:repeat(7,1fr);gap:20px}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@layer utilities{.bg-clip-text{-webkit-background-clip:text;background-clip:text}}