:root{--primary-color:#2c3e50;--secondary-color:#3498db;--white:#fff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-width:320px;margin:0;padding:0}body,html{overflow-x:hidden;width:100%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}#app{width:100%;overflow-x:hidden;position:relative}.banner-section,.card-grid,.container,.header,.menu-nav,.product-list-container,.search-category-wrapper,[class*=container]{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}button,input,select,textarea{max-width:100%;box-sizing:border-box}.card-actions,.card-data,.card-features,.header-content,.nav-wrapper,.quality-tags,[class*=d-flex],[class*=flex-]{flex-wrap:wrap}.card-description,.card-title,a,h1,h2,h3,h4,h5,h6,p,span{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word}.container{max-width:390px;box-sizing:border-box}@media (max-width:768px){.container{padding:0 10px}.carousel,.carousel-item img,.search-category-wrapper{border-radius:0!important}.search-category-wrapper{padding:8px!important}.nav-wrapper{overflow-x:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.nav-wrapper::-webkit-scrollbar{display:none!important}.card-grid{grid-template-columns:1fr!important;gap:15px!important}}@media (min-width:769px){.container{max-width:1200px;padding:0 30px}.carousel-item img{max-height:300px!important;border-radius:16px!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:14px;line-height:1.5;color:#333;background-color:#f8f9fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#004cff;text-decoration:none;transition:color .3s ease}a:hover{color:#0037bb}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}::-moz-selection{background:rgba(0,76,255,.1);color:#004cff}::selection{background:rgba(0,76,255,.1);color:#004cff}:root{--animation-duration:0.3s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}.clearfix:after{content:"";display:table;clear:both}.no-select{-moz-user-select:none;user-select:none;-webkit-user-select:none}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden}img{max-width:100%;height:auto}