.no-results{text-align:center;color:gray;grid-column:1/-1;margin-top:20px}.products-header{color:#fff;background:linear-gradient(135deg,#0b3d6e,#ff3c00);border-radius:12px;margin-bottom:20px;padding:28px}.products-label{color:#ffd400;text-transform:uppercase;margin-bottom:8px;font-weight:700}.products-header h1{text-align:left;margin-bottom:10px}.products-header p{line-height:1.5}.product-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;min-height:285px;padding:15px;transition:transform .2s,box-shadow .2s}.product-card:focus{outline-offset:3px;outline:2px solid #ff3c00}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.product-card img{object-fit:contain;max-width:100%;height:120px}.product-card h3{min-height:38px;margin:8px 0;font-size:16px}.product-category{color:#0b3d6e;text-transform:capitalize;background:#f7f9fb;border-radius:20px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.product-price{color:#ff3c00;margin-bottom:10px;font-size:20px;font-weight:700}.add-button{width:100%}.added-badge{color:#16803a;background:#e8f8ee;border-radius:20px;margin-top:10px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-block}.filters{background:#fff;border-radius:12px;justify-content:space-between;align-items:end;gap:14px;margin-bottom:20px;padding:18px;display:flex;box-shadow:0 2px 8px #00000014}.filters label{color:#333;flex:1;gap:6px;font-weight:700;display:grid}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}@media (width<=650px){.filters{flex-direction:column;align-items:stretch}}.product-detail{max-width:1000px;margin:40px auto;padding:0 20px 30px;position:relative}.detail-arrow{color:#0b3d6e;z-index:5;background:#fff;border:1px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:36px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #00000024}.detail-arrow:hover{color:#fff;background:#ff3c00;transform:translateY(-50%)scale(1.06)}.detail-arrow-left{left:18px}.detail-arrow-right{right:18px}.detail-top{color:#666;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-weight:700;display:flex}.back-link{color:#ff3c00;text-decoration:none}.back-link:hover{text-decoration:underline}.detail-layout{background:#fff;border-radius:12px;grid-template-columns:minmax(260px,420px) 1fr;align-items:center;gap:30px;padding:28px;display:grid;box-shadow:0 2px 8px #00000014}.detail-image{text-align:center;background:#f7f9fb;border-radius:12px;padding:20px}.detail-image img{object-fit:contain;max-width:100%;height:300px}.detail-thumbs{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.detail-thumbs .thumb,.detail-thumbs .thumb:last-child{color:inherit;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:8px;padding:6px}.detail-thumbs .thumb:hover,.detail-thumbs .thumb:last-child:hover{background:#fff}.detail-thumbs .thumb:hover,.active-thumb{border-color:#ff3c00}.thumb img{object-fit:contain;width:100%;height:64px}.detail-info h1{text-align:left;margin-bottom:15px}.detail-category{color:#0b3d6e;text-transform:capitalize;background:#f7f9fb;border-radius:20px;margin-bottom:8px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.detail-description{margin-bottom:20px;line-height:1.5}.detail-price{color:#ff3c00;margin-bottom:18px;font-size:34px;font-weight:700}.detail-data{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.detail-data span{color:#0b3d6e;background:#f7f9fb;border-radius:20px;padding:8px 12px;font-weight:700}.detail-add-button{min-width:200px;padding:10px 14px}.detail-status,.added-message{text-align:center;padding:20px}.added-message{color:#16803a;background:#e8f8ee;border-radius:20px;margin-top:12px;padding:7px 12px;font-weight:700;display:inline-block}@media (width<=700px){.detail-arrow{width:40px;height:40px;font-size:28px;top:auto;bottom:18px;transform:none}.detail-arrow:hover{transform:scale(1.06)}.detail-arrow-left{left:18px}.detail-arrow-right{right:18px}.detail-layout{grid-template-columns:1fr}.detail-image img{height:220px}.detail-price{font-size:28px}.detail-add-button{width:100%}}.modal-overlay{background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;background:#fff;border-radius:10px;padding:20px}.modal button{margin:10px}.cart{max-width:1000px;margin:40px auto;padding:0 20px 30px}.cart-header{color:#fff;background:linear-gradient(135deg,#0b3d6e,#ff3c00);border-radius:12px;margin-bottom:20px;padding:28px}.cart-label{color:#ffd400;text-transform:uppercase;margin-bottom:8px;font-weight:700}.cart-header h2{margin-bottom:10px}.cart-header p{line-height:1.5}.cart-list{gap:14px;display:grid}.cart-item{background:#fff;border-radius:12px;grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;padding:16px;display:grid;box-shadow:0 2px 8px #00000014}.cart-product h3{color:#0b3d6e;text-align:left;margin-bottom:6px}.cart-product p{color:#666}.quantity-control{background:#f7f9fb;border-radius:20px;align-items:center;gap:10px;padding:5px;display:flex}.quantity-control button{border-radius:50%;width:30px;height:30px;padding:0}.quantity-control span{text-align:center;min-width:20px;font-weight:700}.cart-subtotal{color:#ff3c00;font-size:18px;font-weight:700}.delete-btn,.clear-btn{color:#fff;background-color:#dc143c}.delete-btn:hover,.clear-btn:hover{background-color:#8b0000}.cart-summary,.empty-cart{background:#fff;border-radius:12px;margin-top:18px;padding:22px;box-shadow:0 2px 8px #00000014}.cart-summary{justify-content:flex-end;align-items:center;gap:14px;display:flex}.cart-summary span{color:#666;font-weight:700}.cart-summary strong{color:#0b3d6e;margin-right:auto;font-size:24px}.empty-cart{text-align:center}.empty-cart h3{color:#0b3d6e;text-align:center;margin-bottom:8px}.empty-cart p{margin-bottom:16px}.empty-cart a{color:#fff;background:#ff3c00;border-radius:5px;padding:9px 12px;font-weight:700;text-decoration:none;display:inline-block}@media (width<=760px){.cart-item{grid-template-columns:1fr;align-items:stretch}.cart-summary{flex-direction:column;align-items:stretch}.cart-summary strong{margin-right:0}}.navbar{color:#fff;z-index:10;background:linear-gradient(90deg,#0b3d6e 0%,#ff3c00 100%);justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 18px;display:flex;position:sticky;top:0}.navbar a{color:#fff;margin-left:15px;font-weight:700;text-decoration:none;position:relative}.navbar a:after{content:"";background-color:#fff;width:0;height:2px;transition:width .3s;position:absolute;bottom:-3px;left:0}.navbar a:hover:after{width:100%}.logo{background:#061826;border:2px solid #ffd400;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin-left:0;padding:4px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000040}.logo:after{display:none}.logo:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000059}.logo img{cursor:pointer;object-fit:cover;border-radius:10px;width:56px;height:56px}.about-page{max-width:1000px;margin:40px auto;padding:0 20px 30px}.about-header{color:#fff;background:linear-gradient(135deg,#0b3d6e,#ff3c00);border-radius:12px;margin-bottom:20px;padding:30px}.about-label{color:#ffd400;text-transform:uppercase;margin-bottom:8px;font-weight:700}.about-header h2{margin-bottom:10px;font-size:32px}.about-header p{max-width:680px;line-height:1.5}.about-content{grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px;display:grid}.about-main,.about-side,.about-features article{background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 8px #0000001a}.about-main h3,.about-features h3{color:#0b3d6e;margin-bottom:10px}.about-main p,.about-features p{margin-bottom:12px;line-height:1.5}.about-side{gap:12px;display:grid}.about-card{background:#f7f9fb;border-left:4px solid #ff3c00;border-radius:8px;padding:14px}.about-card span{color:#666;margin-bottom:5px;font-size:14px;display:block}.about-card strong{color:#0b3d6e}.about-features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=800px){.about-content,.about-features{grid-template-columns:1fr}}.contact-page{max-width:1000px;margin:40px auto;padding:0 20px 30px}.contact-header{color:#fff;background:linear-gradient(135deg,#0b3d6e,#ff3c00);border-radius:12px;margin-bottom:20px;padding:30px}.contact-label{color:#ffd400;text-transform:uppercase;margin-bottom:8px;font-weight:700}.contact-header h2{margin-bottom:10px;font-size:32px}.contact-header p{max-width:620px;line-height:1.5}.contact-content{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}.contact-info,.contact-form{background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 8px #0000001a}.contact-info{gap:12px;display:grid}.contact-card{background:#f7f9fb;border-left:4px solid #ff3c00;border-radius:8px;padding:14px}.contact-card span{color:#666;margin-bottom:5px;font-size:14px;display:block}.contact-card strong{color:#0b3d6e}.contact-form{gap:14px;display:grid}.contact-form label{color:#333;gap:6px;font-weight:700;display:grid}.contact-form input,.contact-form textarea{font:inherit;border:1px solid #ccc;border-radius:8px;padding:10px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#ff3c00;outline:2px solid #ff3c0026}.contact-form button{justify-self:start}@media (width<=750px){.contact-content{grid-template-columns:1fr}}.not-found{text-align:center;justify-content:center;align-items:center;min-height:60vh;margin:40px auto;padding:0 20px 30px;display:flex}.not-found-card{background:#fff;border-radius:12px;max-width:620px;padding:34px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.not-found-card:before{content:"";background:linear-gradient(135deg,#0b3d6e,#ff3c00);height:8px;display:block;position:absolute;top:0;left:0;right:0}.not-found-label{color:#ff3c00;text-transform:uppercase;margin-bottom:10px;font-weight:700}.not-found h2{color:#0b3d6e;margin-bottom:12px;font-size:38px}.not-found p{margin-bottom:20px;line-height:1.5}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.back-btn,.secondary-btn{border-radius:6px;padding:10px 15px;font-weight:700;text-decoration:none;display:inline-block}.back-btn{color:#fff;background:#ff3c00}.back-btn:hover{background:#e63500}.secondary-btn{color:#0b3d6e;background:#f7f9fb}.secondary-btn:hover{background:#e9eef3}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background-color:#f5f5f5}.container{padding:20px}h1{text-align:center;margin-bottom:20px}button{color:#fff;cursor:pointer;background-color:#ff3c00;border:none;border-radius:5px;padding:8px 10px}button:hover{background-color:#e63500}button:last-child{background-color:#dc143c}button:last-child:hover{background-color:#8b0000}input,select{border:1px solid #ccc;border-radius:5px;padding:8px}