:root{--background:#fff;--foreground:#171717}.bg-yellow{background-color:#fdb913!important}.bg-navy{background-color:#1a1a4d!important}.text-navy{color:#1a1a4d!important}.btn-yellow{background-color:#fdb913!important;border-color:#fdb913!important}.btn-yellow:hover{background-color:#e5a711!important;border-color:#e5a711!important}.hero-section{min-height:100vh;background-image:url(/images/hero-logo.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;display:flex;align-items:center}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:0}.hero-content{position:relative;z-index:1;width:100%}.product-image-wrapper{position:relative;width:100%;height:250px;background:#f5f5ff}.detail-image-wrapper{position:relative;width:100%;min-height:400px;background:#f8f9fa;border-radius:.375rem;overflow:hidden}.navbar-nav .nav-link{transition:transform .2s ease-in-out;transform:translateY(0)}.navbar-nav .nav-link:hover{transform:translateY(-3px);text-decoration:underline}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.nav-link{transition:all .3s ease-in-out;padding-left:10px!important;border-radius:8px}.nav-link:hover{background-color:hsla(0,0%,100%,.1);transform:translateX(5px)}.active-menu{background-color:#ffc107!important;color:#000!important;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateX(10px)}.sidebar-link{display:flex;align-items:center;width:100%;padding:12px 20px;margin-bottom:8px;border-radius:12px;color:#fff;text-decoration:none;transition:all .3s ease;font-weight:500;font-size:16px}.sidebar-link:hover{background-color:hsla(0,0%,100%,.1);transform:translateX(4px);color:#ffc107}.sidebar-link.active{background-color:#ffc107;color:#0f0a3c;font-weight:700;box-shadow:0 4px 15px rgba(255,193,7,.3);transform:translateX(0)}.sidebar-link i{margin-right:12px;font-size:1.2rem;display:flex;align-items:center}.product-card{position:relative;overflow:hidden}.product-card .position-absolute{z-index:10;top:10px;right:10px}