*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.navbar{z-index:1000;background-color:tan;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.navbar-brand{color:#232f3e;letter-spacing:.5px;font-size:20px;font-weight:700}.navbar-nav{gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav-item{display:inline-block}.nav-link{color:#232f3e;cursor:pointer;border:1px solid #0000;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.nav-link:hover{background-color:#0000001a;border-color:#8b4513}.nav-link.active{color:#fff;background-color:#8b4513;border-color:#8b4513}.cart-badge{color:#fff;background-color:#ff6b35;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700}.home-page{max-width:1200px;margin:0 auto;padding:20px}.hero-section{text-align:center;padding:60px 20px}.hero-section h1{color:#232f3e;margin-bottom:16px;font-size:42px;font-weight:700}.hero-subtitle{color:#666;margin-bottom:50px;font-size:18px}.hero-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;display:grid}.feature-card{background:#fff;border:1px solid #ddd;border-radius:4px;padding:32px;transition:box-shadow .2s;box-shadow:0 2px 4px #0000000d}.feature-card:hover{box-shadow:0 4px 8px #0000001a}.feature-icon{margin-bottom:16px;font-size:48px}.feature-card h3{color:#232f3e;margin-bottom:12px;font-size:20px;font-weight:600}.feature-card p{color:#666;font-size:14px;line-height:1.5}.shop-page{max-width:1400px;margin:0 auto;padding:20px}.page-title{color:#232f3e;border-bottom:2px solid tan;margin-bottom:32px;padding-bottom:12px;font-size:28px;font-weight:700}.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.loading{text-align:center;color:#666;padding:60px;font-size:18px}.product-card{background:#fff;border:1px solid #ddd;border-radius:4px;flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden}.product-card:hover{box-shadow:0 4px 12px #0000001a}.product-image-container{background:#f9f9f9;justify-content:center;align-items:center;width:100%;height:240px;padding:20px;display:flex}.product-image{object-fit:contain;max-width:100%;max-height:100%}.product-info{flex-direction:column;flex:1;padding:16px;display:flex}.product-title{color:#232f3e;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin-bottom:12px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.product-price{color:#8b4513;margin-bottom:16px;font-size:20px;font-weight:700}.quantity-controls{align-items:center;gap:8px;margin-bottom:12px;display:flex}.quantity-btn{color:#333;cursor:pointer;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.quantity-btn:hover{background-color:tan;border-color:#8b4513}.quantity-input{text-align:center;border:1px solid #ccc;border-radius:4px;width:60px;height:32px;font-size:14px;font-weight:500}.quantity-input:focus{border-color:#8b4513;outline:none}.quantity-display{text-align:center;min-width:32px;font-size:14px;font-weight:600}.add-to-cart-btn{color:#232f3e;cursor:pointer;background-color:#f90;border:none;border-radius:4px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.add-to-cart-btn:hover{background-color:#fa8900}.cart-summary-modal{z-index:2000;background:#fff;border:1px solid #ddd;border-radius:4px;min-width:400px;padding:20px 24px;animation:.3s slideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.modal-close-btn{color:#666;cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0;font-size:24px;line-height:1;position:absolute;top:8px;right:12px}.modal-close-btn:hover{color:#333}.modal-content{flex-direction:column;gap:16px;display:flex}.total-amount{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.total-amount .label{color:#666;font-size:14px;font-weight:500}.total-amount .amount{color:#8b4513;font-size:20px;font-weight:700}.modal-actions{gap:12px;display:flex}.modal-actions a{flex:1;text-decoration:none}.view-items-btn{cursor:pointer;color:#232f3e;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;flex:1;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.view-items-btn:hover{background-color:tan;border-color:#8b4513}.checkout-btn{cursor:pointer;color:#232f3e;background-color:#f90;border:none;border-radius:4px;flex:1;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.checkout-btn:hover{background-color:#fa8900}.modal-overlay{z-index:2000;background:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-details-modal{z-index:2001;background:#fff;flex-direction:column;width:420px;max-width:90vw;height:100vh;animation:.3s slideLeft;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 16px #0003}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-header{background-color:#f9f9f9;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#232f3e;font-size:20px;font-weight:700}.modal-body{flex:1;padding:16px;overflow-y:auto}.empty-cart-message{text-align:center;color:#666;padding:60px 20px;font-size:16px}.cart-item{background:#fff;border-bottom:1px solid #eee;gap:16px;padding:16px;display:flex}.cart-item:hover{background-color:#f9f9f9}.cart-item-image{object-fit:contain;background:#fff;border:1px solid #eee;border-radius:4px;width:80px;height:80px;padding:8px}.cart-item-details{flex-direction:column;flex:1;gap:8px;display:flex}.cart-item-title{color:#232f3e;font-size:14px;font-weight:500;line-height:1.3}.cart-item-price{color:#8b4513;font-size:16px;font-weight:700}.cart-item-controls{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.remove-btn{color:#d13212;cursor:pointer;background-color:#0000;border:none;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:underline;transition:color .2s}.remove-btn:hover{color:#a02b0f}.modal-footer{background-color:#f9f9f9;border-top:1px solid #ddd;padding:20px 24px}.modal-footer a{text-decoration:none;display:block}.total-section{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.total-label{color:#232f3e;font-size:16px;font-weight:700}.modal-footer .total-amount{color:#8b4513;border:none;padding:0;font-size:22px;font-weight:700}.cart-page{max-width:1400px;margin:0 auto;padding:20px}.empty-cart{text-align:center;padding:80px 20px}.empty-cart p{color:#232f3e;margin-bottom:12px;font-size:20px}.empty-cart-subtitle{color:#666;font-size:16px}.cart-content{grid-template-columns:1fr 380px;align-items:start;gap:24px;display:grid}.cart-items-list{background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden}.cart-items-list .cart-item{border-bottom:1px solid #eee}.cart-items-list .cart-item:last-child{border-bottom:none}.cart-summary{background:#fff;border:1px solid #ddd;border-radius:4px;padding:24px;position:sticky;top:80px}.cart-summary h2{color:#232f3e;margin-bottom:20px;font-size:18px;font-weight:700}.summary-row{color:#333;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.summary-row.total{color:#232f3e;border-top:2px solid #ddd;border-bottom:none;margin-top:8px;padding-top:16px;font-size:18px;font-weight:700}.cart-summary .checkout-btn{width:100%;margin-top:20px;padding:12px;font-size:16px}@media (max-width:768px){.navbar{padding:12px 16px}.navbar-brand{font-size:18px}.nav-link{padding:6px 12px;font-size:13px}.hero-section h1{font-size:32px}.hero-subtitle{font-size:16px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cart-summary-modal{min-width:90vw;max-width:90vw}.cart-details-modal{width:100vw}.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:480px){.navbar-nav{gap:4px}.nav-link{padding:6px 8px;font-size:12px}.cart-badge{padding:2px 5px;font-size:9px}.hero-section{padding:40px 16px}.hero-section h1{font-size:28px}.hero-features,.product-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}}