*{box-sizing:border-box}body,html{color:#222;background:#f5f5f5;margin:0;padding:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1200px,100% - 40px);margin:0 auto}.header{background:#fff;border-bottom:1px solid #ddd}.header .container{align-items:center;gap:40px;min-height:70px;display:flex}.logo{font-size:24px;font-weight:700}.navigation{flex:1;gap:25px;display:flex}.navigation a:hover{text-decoration:underline}.cart{font-weight:600}.hero{color:#fff;background:#222;padding:100px 0}.hero h1{max-width:700px;margin:0 0 20px;font-size:48px}.hero p{max-width:600px;margin:0 0 30px;font-size:20px;line-height:1.5}.button{color:#111;background:#ffb400;border-radius:6px;padding:14px 25px;font-weight:700;display:inline-block}.categories{padding:60px 0}.categories h2{margin-bottom:30px;font-size:32px}.category-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.category{background:#fff;border:1px solid #ddd;border-radius:10px;padding:25px;transition:all .2s}.category:hover{transform:translateY(-3px)}.category h3{margin-top:0}.category p{color:#666;line-height:1.4}.footer{color:#fff;background:#222;padding:30px 0}@media (width<=800px){.header .container{flex-wrap:wrap;padding:15px 0}.navigation{order:3;width:100%;overflow-x:auto}.category-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:36px}}@media (width<=500px){.category-grid{grid-template-columns:1fr}}.catalog-page{padding:50px 0 80px}.catalog-header{margin-bottom:30px}.catalog-header h1{margin-bottom:10px;font-size:40px}.catalog-header p{color:#666}.catalog-controls{grid-template-columns:1fr 220px 220px;gap:15px;margin-bottom:35px;display:grid}.search-input,.select{background:#fff;border:1px solid #d5d5d5;border-radius:6px;width:100%;height:48px;padding:0 15px;font-size:16px}.products-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.product-card{background:#fff;border:1px solid #ddd;border-radius:10px;transition:all .2s;position:relative;overflow:hidden}.product-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.product-image{background:#f5f5f5;justify-content:center;align-items:center;height:230px;display:flex}.product-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.product-info{padding:18px}.product-brand{color:#777;margin-bottom:8px;font-size:14px}.product-name{min-height:48px;margin:0 0 15px;font-size:17px;line-height:1.4}.product-price{align-items:center;gap:10px;margin-bottom:10px;display:flex}.current-price{font-size:22px;font-weight:700}.old-price{color:#999;text-decoration:line-through}.stock{color:#228b22;font-size:14px}.stock.unavailable{color:#c00}.add-to-cart{color:#111;cursor:pointer;background:#ffb400;border:0;border-radius:6px;width:calc(100% - 36px);height:44px;margin:0 18px 18px;font-size:15px;font-weight:700}.add-to-cart:hover{background:#e9a400}.add-to-cart:disabled{color:#888;cursor:not-allowed;background:#ddd}.empty-result{text-align:center;padding:80px 20px}@media (width<=1000px){.products-grid{grid-template-columns:repeat(3,1fr)}.catalog-controls{grid-template-columns:1fr 1fr}.search-input{grid-column:1/-1}}@media (width<=700px){.products-grid{grid-template-columns:repeat(2,1fr)}.catalog-controls{grid-template-columns:1fr}.search-input{grid-column:auto}}@media (width<=450px){.products-grid{grid-template-columns:1fr}}.breadcrumbs{color:#777;flex-wrap:wrap;align-items:center;gap:10px;padding:25px 0;font-size:14px;display:flex}.breadcrumbs a{color:#555}.breadcrumbs a:hover{text-decoration:underline}.product-page{padding-bottom:80px}.product-detail{grid-template-columns:1fr 1fr;gap:50px;margin-bottom:70px;display:grid}.product-detail-image{background:#fff;border:1px solid #ddd;border-radius:10px;justify-content:center;align-items:center;min-height:500px;display:flex;overflow:hidden}.product-detail-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:500px}.product-detail-info{padding:20px 0}.product-detail-brand{color:#777;margin-bottom:10px;font-size:15px}.product-detail-info h1{margin:0 0 25px;font-size:38px;line-height:1.2}.product-detail-price{align-items:center;gap:15px;margin-bottom:15px;display:flex}.detail-current-price{font-size:34px;font-weight:700}.detail-old-price{color:#999;font-size:20px;text-decoration:line-through}.detail-stock{color:#228b22;margin-bottom:25px;font-weight:600}.detail-stock.unavailable{color:#c00}.product-description{color:#555;margin-bottom:30px;font-size:17px;line-height:1.6}.detail-cart-button{color:#111;cursor:pointer;background:#ffb400;border:0;border-radius:7px;width:280px;height:52px;font-size:16px;font-weight:700}.detail-cart-button:hover{background:#e9a400}.detail-cart-button:disabled{color:#888;cursor:not-allowed;background:#ddd}.characteristics{margin-bottom:60px}.characteristics h2,.description h2{margin-bottom:25px;font-size:28px}.characteristics-table{background:#fff;border:1px solid #ddd;border-radius:8px;max-width:800px;overflow:hidden}.characteristic-row{border-bottom:1px solid #eee;grid-template-columns:1fr 1fr;min-height:50px;display:grid}.characteristic-row:last-child{border-bottom:none}.characteristic-name,.characteristic-value{padding:15px 20px}.characteristic-name{color:#666;background:#f7f7f7}.characteristic-value{font-weight:600}.description{max-width:800px}.description p{color:#555;font-size:16px;line-height:1.7}@media (width<=800px){.product-detail{grid-template-columns:1fr;gap:30px}.product-detail-image{min-height:350px}.product-detail-info h1{font-size:30px}.detail-current-price{font-size:28px}.detail-cart-button{width:100%}}.product-gallery{width:100%}.product-main-image{background:#fff;border:1px solid #ddd;border-radius:10px;justify-content:center;align-items:center;min-height:500px;display:flex;overflow:hidden}.product-main-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:500px}.product-thumbnails{gap:10px;margin-top:15px;display:flex}.product-thumbnail{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;width:80px;height:80px;padding:5px}.product-thumbnail.active{border:2px solid #ffb400}.product-thumbnail img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.cart-page{padding:50px 0 80px}.cart-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.cart-header h1{margin:0;font-size:40px}.clear-cart{color:#c00;cursor:pointer;background:0 0;border:0;font-size:14px}.cart-layout{grid-template-columns:1fr 350px;align-items:start;gap:30px;display:grid}.cart-items{flex-direction:column;gap:15px;display:flex}.cart-item{background:#fff;border:1px solid #ddd;border-radius:10px;grid-template-columns:110px 1fr auto auto auto;align-items:center;gap:20px;padding:20px;display:grid}.cart-item-image{background:#f5f5f5;border-radius:6px;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.cart-item-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.cart-item-name{font-size:17px;font-weight:600}.cart-item-name:hover{text-decoration:underline}.cart-item-price{color:#666;margin-top:8px}.quantity{align-items:center;gap:12px;display:flex}.quantity button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:5px;width:32px;height:32px;font-size:20px}.quantity button:hover{background:#f3f3f3}.quantity span{text-align:center;min-width:20px}.cart-item-total{text-align:right;min-width:110px;font-weight:700}.remove-item{color:#999;cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:25px}.remove-item:hover{color:#c00}.cart-summary{background:#fff;border:1px solid #ddd;border-radius:10px;padding:25px;position:sticky;top:20px}.cart-summary h2{margin-top:0;margin-bottom:25px}.summary-row,.summary-total{justify-content:space-between;align-items:center;display:flex}.summary-row{color:#666;padding-bottom:15px}.summary-total{border-top:1px solid #ddd;padding-top:15px;font-size:20px}.checkout-button{color:#111;text-align:center;background:#ffb400;border-radius:6px;width:100%;margin-top:25px;padding:15px;font-weight:700;display:block}.checkout-button:hover{background:#e9a400}.empty-cart{text-align:center;padding:100px 20px}.empty-cart-icon{margin-bottom:20px;font-size:60px}.empty-cart h2{margin-bottom:10px}.empty-cart p{color:#666;margin-bottom:30px}.cart-count{color:#111;background:#ffb400;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;font-size:12px;font-weight:700;display:inline-flex}@media (width<=900px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (width<=700px){.cart-item{grid-template-columns:80px 1fr auto}.cart-item-image{width:80px;height:80px}.quantity{grid-column:2}.cart-item-total{grid-area:2/3}.remove-item{grid-area:1/3}}.app-notification{z-index:9999;background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:15px 18px;display:flex;position:fixed;top:25px;right:25px;box-shadow:0 10px 35px #00000026}.notification-icon{color:#fff;background:#2e9b55;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:17px;font-weight:700;display:flex}.notification-message{flex:1;font-size:15px;font-weight:500}.notification-close{color:#888;cursor:pointer;background:0 0;border:0;width:25px;height:25px;font-size:22px;line-height:1}.notification-close:hover{color:#222}.notification-enter-active,.notification-leave-active{transition:all .3s}.notification-enter-from,.notification-leave-to{opacity:0;transform:translate(30px)}@media (width<=600px){.app-notification{min-width:0;max-width:none;top:15px;left:15px;right:15px}}.modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{text-align:center;background:#fff;border-radius:14px;width:100%;max-width:430px;padding:35px;position:relative;box-shadow:0 20px 60px #00000040}.confirm-close{color:#888;cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:25px;position:absolute;top:12px;right:15px}.confirm-close:hover{color:#222}.confirm-icon{color:#d88b00;background:#fff3d6;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 20px;font-size:28px;font-weight:700;display:flex}.confirm-modal h2{margin:0 0 12px;font-size:24px}.confirm-modal p{color:#666;max-width:350px;margin:0 auto 25px;line-height:1.5}.confirm-actions{justify-content:center;gap:10px;display:flex}.confirm-actions button{cursor:pointer;border-radius:7px;min-width:120px;padding:12px 20px;font-size:15px;font-weight:600}.confirm-cancel{color:#333;background:#fff;border:1px solid #ccc}.confirm-cancel:hover{background:#f5f5f5}.confirm-delete{color:#fff;background:#d83b3b;border:0}.confirm-delete:hover{background:#bd2f2f}.modal-enter-active,.modal-leave-active{transition:opacity .2s}.modal-enter-active .confirm-modal,.modal-leave-active .confirm-modal{transition:transform .2s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .confirm-modal,.modal-leave-to .confirm-modal{transform:scale(.95)}@media (width<=500px){.confirm-modal{padding:30px 20px}.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}}.checkout-page{padding:50px 0 80px}.checkout-title{margin:0 0 35px;font-size:40px}.checkout-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:30px;display:grid}.checkout-form{flex-direction:column;gap:20px;display:flex}.checkout-section{background:#fff;border:1px solid #ddd;border-radius:10px;padding:25px}.checkout-section h2{margin:0 0 25px;font-size:22px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group+.form-group{margin-top:18px}.form-group label{font-size:14px;font-weight:600}.form-group input,.form-group textarea{box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:7px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:15px}.form-group input:focus,.form-group textarea:focus{border-color:#999}.form-group textarea{resize:vertical}.delivery-options{flex-direction:column;gap:12px;display:flex}.delivery-option{cursor:pointer;border:1px solid #d5d5d5;border-radius:8px;align-items:flex-start;gap:13px;padding:17px;transition:all .2s;display:flex}.delivery-option:hover{border-color:#999}.delivery-option.selected{background:#fffaf0;border-color:#ffb400}.delivery-option input{width:17px;height:17px;margin-top:3px}.delivery-option-content{flex-direction:column;gap:5px;display:flex}.delivery-option-content strong{font-size:15px}.delivery-option-content span{color:#777;font-size:14px}.address-group{margin-top:20px}.payment-method{border:1px solid #d5d5d5;border-radius:8px;gap:15px;padding:17px}.payment-icon,.payment-method{align-items:center;display:flex}.payment-icon{background:#f1f1f1;border-radius:50%;flex-shrink:0;justify-content:center;width:45px;height:45px;font-size:20px;font-weight:700}.payment-method>div:last-child{flex-direction:column;gap:5px;display:flex}.payment-method span{color:#777;font-size:14px}.checkout-summary{background:#fff;border:1px solid #ddd;border-radius:10px;padding:25px;position:sticky;top:20px}.checkout-summary h2{margin:0 0 20px}.checkout-products{border-bottom:1px solid #ddd;flex-direction:column;gap:15px;padding-bottom:20px;display:flex}.checkout-product{grid-template-columns:55px 1fr auto;align-items:center;gap:10px;display:grid}.checkout-product-image{background:#f5f5f5;border-radius:5px;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.checkout-product-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.checkout-product-info{flex-direction:column;gap:4px;display:flex}.checkout-product-name{font-size:13px;font-weight:600}.checkout-product-quantity{color:#777;font-size:12px}.checkout-product>strong{white-space:nowrap;font-size:13px}.checkout-total{color:#666;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.checkout-total.final{color:#222;padding-top:12px;font-size:21px}.submit-order-button{color:#111;cursor:pointer;background:#ffb400;border:0;border-radius:7px;width:100%;margin-top:25px;padding:15px;font-size:16px;font-weight:700}.submit-order-button:hover{background:#e9a400}.submit-order-button:disabled{opacity:.6;cursor:wait}.checkout-payment-note{color:#777;text-align:center;margin:12px 0 0;font-size:13px}.order-success{text-align:center;background:#fff;border:1px solid #ddd;border-radius:12px;max-width:650px;margin:30px auto 0;padding:45px}.success-icon{color:#fff;background:#2e9b55;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 20px;font-size:35px;font-weight:700;display:flex}.order-success h1{margin-bottom:10px}.success-text{color:#666;margin-bottom:30px}.order-info{border-top:1px solid #ddd;margin-bottom:25px}.order-info-row{text-align:left;border-bottom:1px solid #eee;justify-content:space-between;gap:20px;padding:13px 0;display:flex}.order-info-row span{color:#666}.order-info-row strong{text-align:right}.order-info-row.total{font-size:19px}.success-note{color:#666;margin-bottom:25px;line-height:1.5}.checkout-back-button{color:#111;background:#ffb400;border-radius:7px;padding:13px 25px;font-weight:600;display:inline-block}.checkout-empty{text-align:center;background:#fff;border:1px solid #ddd;border-radius:10px;padding:70px 20px}.checkout-empty p{color:#666;margin-bottom:25px}@media (width<=900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}@media (width<=600px){.checkout-page{padding:30px 0 50px}.checkout-title{font-size:30px}.checkout-section,.checkout-summary{padding:20px}.order-success{padding:30px 20px}.order-info-row{flex-direction:column;gap:5px}.order-info-row strong{text-align:left}}