*{box-sizing:border-box;margin:0;padding:0}html{min-width:1600px}@media (width<=1920px){html{min-width:auto}}@media (width<=1366px){html{font-size:14px}}@media (width<=1024px){html{font-size:13px}}@media (width<=768px){html{font-size:12px}}@media (width<=480px){html{font-size:11px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:1600px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (width<=1920px){body{min-width:auto}}#app{min-height:100vh}.container{max-width:1600px;margin:0 auto;padding:0 16px}@media (width<=1366px){.container{padding:0 8px}}@media (width<=1024px){.container{max-width:960px}}@media (width<=768px){.container{max-width:720px;padding:0 4px}}@media (width<=480px){.container{max-width:100%;padding:0 10px}}.btn-primary{color:#fff;cursor:pointer;background-color:#ff6b35;border:none;border-radius:4px;padding:8px 24px;transition:background-color .3s}.btn-primary:hover{background-color:#ff8c5a}@media (width<=768px){.btn-primary{padding:6px 16px;font-size:14px}}@media (width<=480px){.btn-primary{padding:5px 12px;font-size:12px}}.card{background:#fff;border-radius:8px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.card:hover{box-shadow:0 4px 16px #0000001f}.price{color:#db4c3f;font-weight:700}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-column{flex-direction:column;display:flex}.grid{display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1366px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4{gap:16px}}@media (width<=480px){.grid-4{grid-template-columns:1fr;gap:8px}}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3{gap:16px}}@media (width<=480px){.grid-3{grid-template-columns:1fr;gap:8px}}.grid-5{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}@media (width<=1366px){.grid-5{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-5{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=480px){.grid-5{grid-template-columns:1fr;gap:8px}}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.ml-sm{margin-left:8px}.ml-md{margin-left:16px}.ml-lg{margin-left:24px}.mr-sm{margin-right:8px}.mr-md{margin-right:16px}.mr-lg{margin-right:24px}@media (width<=480px){.hidden-xs{display:none!important}}@media (width<=768px){.hidden-sm{display:none!important}}@media (width<=1024px){.hidden-md{display:none!important}}.visible-xs{display:none}@media (width<=480px){.visible-xs{display:block!important}}.visible-sm{display:none}@media (width<=768px){.visible-sm{display:block!important}}.visible-md{display:none}@media (width<=1024px){.visible-md{display:block!important}}img{max-width:100%;height:auto}@media (width<=1024px){button,a{min-width:44px;min-height:44px}}