.section-title{font-size:18px;margin:8px 0;color:#222;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{border:1px solid #eee;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.title{font-weight:600}.desc{color:#444;min-height:40px;font-size:13px}.price{color:#111;font-size:14px}.btn-primary{padding:8px 12px;background:#ff7a00;border:0;color:#fff;border-radius:6px;cursor:pointer;font-size:14px}.qty-wrap{display:flex;gap:6px;align-items:center}.qty-btn{padding:6px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer;min-width:36px;min-height:36px}.qty-input{width:80px;padding:6px 8px;border:1px solid #ccc;border-radius:6px;text-align:center;font-size:14px}@media(max-width:768px){.section-title{font-size:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}}@media(max-width:480px){.grid{grid-template-columns:1fr;gap:8px}.card{padding:8px;gap:6px}.desc{min-height:32px;font-size:12px}.price{font-size:13px}.btn-primary{padding:10px 12px;font-size:13px;min-height:44px}.err-text{font-size:12px}.qty-wrap{gap:4px}.qty-btn{padding:8px 12px;min-width:44px;min-height:44px}.qty-input{width:70px;padding:8px 6px;font-size:13px;min-height:44px}}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;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;line-height:1.5}#root{width:100%;max-width:100vw;overflow-x:hidden}@media(max-width:480px){body{font-size:14px}button,input,select,textarea{min-height:44px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}}@media(min-width:481px)and (max-width:768px){body{font-size:15px}}@media(min-width:769px){body{font-size:16px}}.responsive-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media(max-width:768px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}}@media(max-width:480px){.responsive-grid{grid-template-columns:1fr;gap:8px}}.responsive-flex{display:flex;gap:16px;align-items:center}@media(max-width:768px){.responsive-flex{flex-direction:column;align-items:stretch;gap:12px}}.responsive-padding{padding:16px}@media(max-width:768px){.responsive-padding{padding:12px}}@media(max-width:480px){.responsive-padding{padding:8px}}.responsive-text{font-size:16px;line-height:1.5}@media(max-width:768px){.responsive-text{font-size:15px}}@media(max-width:480px){.responsive-text{font-size:14px}}.responsive-button{padding:10px 16px;font-size:16px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.responsive-button{padding:12px 18px;font-size:15px}}@media(max-width:480px){.responsive-button{padding:14px 20px;font-size:14px;min-height:44px}}.responsive-input{padding:10px 12px;font-size:16px;border:1px solid #ccc;border-radius:6px;width:100%}@media(max-width:768px){.responsive-input{padding:12px 14px;font-size:15px}}@media(max-width:480px){.responsive-input{padding:14px 16px;font-size:14px;min-height:44px}}.responsive-card{border:1px solid #eee;border-radius:8px;padding:16px;background:#fff;box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.responsive-card{padding:12px}}@media(max-width:480px){.responsive-card{padding:8px}}.responsive-image{width:100%;height:auto;object-fit:cover}.responsive-modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.responsive-modal-content{background:#fff;border-radius:10px;padding:20px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}@media(max-width:768px){.responsive-modal{padding:12px}.responsive-modal-content{padding:16px;max-width:100%}}@media(max-width:480px){.responsive-modal{padding:8px}.responsive-modal-content{padding:12px;border-radius:8px}}.responsive-nav{display:flex;align-items:center;gap:16px;padding:12px 16px}@media(max-width:768px){.responsive-nav{gap:12px;padding:10px 12px}}@media(max-width:480px){.responsive-nav{gap:8px;padding:8px 12px}}.responsive-table{width:100%;border-collapse:collapse;font-size:14px}@media(max-width:768px){.responsive-table{font-size:13px}}@media(max-width:480px){.responsive-table{font-size:12px}.responsive-table .hide-mobile{display:none}}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none}.show-mobile{display:block}}@media(max-width:480px){.text-center-mobile{text-align:center}}@media(max-width:768px){.margin-sm-mobile{margin:8px}.padding-sm-mobile{padding:8px}}@media(max-width:480px){.margin-xs-mobile{margin:4px}.padding-xs-mobile{padding:4px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,input:focus,select:focus,textarea:focus,a:focus{outline:2px solid #007aff;outline-offset:2px}@media(prefers-contrast:high){.responsive-card,button,input,select,textarea{border-width:2px}}.navbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee}.navbar-inner{max-width:1000px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}.navbar-brand{font-weight:700;text-decoration:none;color:#333;font-size:18px}.navbar-spacer{margin-left:8px;margin-right:auto;color:#333;font-size:14px}.navbar-links{display:flex;align-items:center;gap:12px}.navbar-link{text-decoration:none;color:#0366d6;font-size:14px}.navbar-toggle{display:none;background:none;border:none;font-size:20px;cursor:pointer;padding:8px;color:#333}.navbar-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #eee;border-top:none;padding:16px;box-shadow:0 4px 8px #00000014}.navbar-dropdown{position:relative}.navbar-dropdown-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer}.navbar-dropdown-menu{position:absolute;right:0;margin-top:8px;min-width:220px;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:8px}.navbar-dropdown-item{display:block;padding:8px 10px;color:#222;text-decoration:none;border-radius:8px}.navbar-dropdown-item:hover{background:#f6f8fa}@media(max-width:768px){.navbar-brand{font-size:16px}.navbar-links{display:none}.navbar-toggle{display:block;margin-left:auto}.navbar-menu{display:block}}.navbar-link.active,.navbar-dropdown-item.active{color:#ff7a00;font-weight:600}.navbar-dropdown-menu{opacity:0;transform:translateY(-6px);animation:dropdown-in .16s ease-out forwards}.navbar-menu{opacity:0;transform:translateY(-6px);animation:menu-in .18s ease-out forwards}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.navbar-dropdown-menu,.navbar-menu{animation:none;transform:none;opacity:1}}