:root{--navy: #00243d;--navy-light: #003556;--navy-dark: #001522;--gold: #997000;--gold-light: #b88700;--gold-pale: #f5efe0;--white: #ffffff;--gray-50: #f8f9fa;--gray-100: #f0f1f3;--gray-200: #e2e4e7;--gray-300: #c5c9ce;--gray-400: #8b929a;--gray-500: #5c636a;--gray-600: #3a3f44;--gray-700: #2a2e32;--shadow-sm: 0 1px 3px rgba(0, 36, 61, .06);--shadow-md: 0 4px 16px rgba(0, 36, 61, .08);--shadow-lg: 0 8px 32px rgba(0, 36, 61, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition: .25s ease;--font-main: "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);color:var(--navy);background:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:var(--transition)}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-tag{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gold);background:var(--gold-pale);padding:.35rem 1rem;border-radius:50px;margin-bottom:.75rem}.highlight{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:center;border:2px solid transparent;line-height:1.2;white-space:nowrap}.btn-primary{background:var(--gold);color:var(--white);border-color:var(--gold)}.btn-primary:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--navy);color:var(--white);border-color:var(--navy)}.btn-secondary:hover{background:var(--navy-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--white);border-color:var(--white)}.btn-outline:hover{background:var(--white);color:var(--navy)}.btn-outline-light{background:transparent;color:var(--white);border-color:var(--white)}.btn-outline-light:hover{background:var(--white);color:var(--navy)}.btn-sm{padding:.4rem 1rem;font-size:.8rem}.btn-full{width:100%}input,textarea,select{width:100%;padding:.7rem .9rem;border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-main);background:var(--gray-50);transition:border-color .2s,box-shadow .2s,background .2s;color:var(--navy)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #99700014;background:var(--white)}textarea{resize:vertical}.site-header{position:sticky;top:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:.75rem 1.5rem}.logo-link{display:flex;align-items:center}.logo-img{height:45px;width:auto;border-radius:10px;display:block}.main-nav .nav-list{display:flex;gap:2rem}.nav-link{font-size:.9rem;font-weight:600;color:var(--gray-500);padding:.25rem 0;border-bottom:2px solid transparent}.nav-link:hover,.nav-link.active{color:var(--navy);border-bottom-color:var(--gold)}.header-actions{display:flex;align-items:center;gap:1rem}.cart-link{position:relative;display:flex;align-items:center;color:var(--navy)}.cart-icon{width:22px;height:22px}.cart-count{position:absolute;top:-8px;right:-10px;background:var(--gold);color:var(--white);font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.hamburger-line{width:24px;height:2.5px;background:var(--navy);border-radius:2px;transition:var(--transition)}.mobile-nav{display:none;background:var(--white);border-top:1px solid var(--gray-200);padding:1rem 1.5rem}.mobile-nav-list{display:flex;flex-direction:column;gap:.75rem}.mobile-nav-link{font-size:1rem;font-weight:600;color:var(--gray-500);padding:.5rem 0;display:block}.mobile-nav-link.active{color:var(--gold)}.mobile-nav.open{display:block}.page-hero{background:var(--navy);color:var(--white);padding:3rem 1.5rem;text-align:center}.page-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.page-hero p{font-size:1.1rem;color:var(--gray-300);max-width:600px;margin:0 auto}.site-footer{background:var(--navy-dark);color:var(--gray-300);padding:3rem 1.5rem 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto}.footer-brand p{margin-top:.75rem;font-size:.9rem}.footer-links h4,.footer-contact h4{color:var(--white);margin-bottom:.75rem;font-size:.95rem}.footer-links ul{display:flex;flex-direction:column;gap:.4rem}.footer-links a,.footer-contact a{color:var(--gray-300);font-size:.9rem}.footer-links a:hover,.footer-contact a:hover{color:var(--gold)}.footer-contact p{font-size:.9rem;margin-bottom:.3rem}.footer-bottom{text-align:center;padding-top:2rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:var(--gray-400)}.footer-bottom a{color:var(--gold)}.loading-state{text-align:center;padding:3rem;color:var(--gray-400)}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:2rem;width:40%;margin-bottom:1rem}.skeleton-card{height:80px;margin-bottom:1rem}.skeleton-product-card{height:300px;border-radius:var(--radius-md)}.skeleton-category-card{height:150px;border-radius:var(--radius-md)}.skeleton-review-slide{min-width:300px;height:120px;border-radius:var(--radius-md)}.skeleton-detail-image{height:350px;border-radius:var(--radius-lg)}.skeleton-detail-text{height:1rem;width:70%;margin-bottom:.5rem}.skeleton-cart-item{height:100px;margin-bottom:1rem}.skeleton-summary{height:60px}.skeleton-checkout-form{height:400px}.skeleton-timeline{height:300px}[data-aos]{opacity:1!important;transform:none!important}#backToTop{position:fixed;bottom:32px;right:32px;width:50px;height:50px;background:var(--white);color:var(--navy);border:2px solid var(--gold);border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,visibility .3s,background .2s,color .2s;z-index:999}#backToTop.show{opacity:1;visibility:visible;transform:translateY(0)}#backToTop:hover{background:var(--gold);color:var(--white);border-color:var(--gold-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}#backToTop svg{width:22px;height:22px;transition:transform .2s}#backToTop:hover svg{transform:translateY(-2px)}@media (max-width: 768px){.main-nav{display:none}.hamburger{display:flex}.footer-grid{grid-template-columns:1fr 1fr}.page-hero h1{font-size:1.8rem}.container{padding:0 1rem}.logo-img{height:40px}}@media (max-width: 600px){#backToTop{bottom:20px;right:20px;width:44px;height:44px;border-radius:12px}#backToTop svg{width:20px;height:20px}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}.page-hero{padding:2rem 1rem}.page-hero h1{font-size:1.5rem}}