:root{--primary-blue:#0068de;--accent-yellow:#f5a623;--light-bg:#f5f7fa}body{font-family:"Google Sans",sans-serif;background-color:#f7f8fc}.main{margin-top:96px;min-height:70vh}.navbar{min-height:96px;border-bottom:1px solid rgba(255,255,255,0.7);background-color:rgba(255,255,255,0.85);backdrop-filter:blur(6px);box-shadow:0px 10px 15px -3px rgba(0,0,0,0.1)}.navbar-brand img{height:44px}.navbar-brand .brand-text{line-height:1.2}.navbar-brand .brand-text h5{font-size:1.1rem;font-weight:700;color:var(--primary-blue);margin-bottom:0}.navbar-brand .brand-text small{font-size:0.75rem;color:#666}.nav-link{color:#333 !important;font-weight:500;font-size:0.9rem}.nav-link.active{color:var(--primary-blue) !important;border-bottom:2px solid var(--primary-blue)}.rounded{border-radius:10px !important}.btn{border-radius:10px}.btn-login{background-color:var(--primary-blue);color:white !important}.hero-section{color:#0e1a2a;padding:60px 0;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('/file/public/images/landing/slide_2.jpeg') center/cover;opacity:1}.hero-section .overlay{position:absolute;inset:0}.hero-section::before{display:none}.hero-carousel{position:absolute;inset:0;z-index:0}.hero-carousel .carousel-inner{height:100%;overflow:hidden}.hero-carousel .carousel-item{display:block !important;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s ease-in-out;transform:none !important;backface-visibility:hidden}.hero-carousel .carousel-item-next.carousel-item-left,.hero-carousel .carousel-item-prev.carousel-item-right,.hero-carousel .carousel-item.active{opacity:1}.hero-carousel .carousel-item.active.carousel-item-left,.hero-carousel .carousel-item.active.carousel-item-right{opacity:0}.hero-carousel .hero-slide{position:absolute;inset:0;background-position:center;background-size:cover}.hero-content{position:relative;z-index:1}.hero-title{font-size:1.75rem;font-weight:800;line-height:1.2;@media (min-width:768px){font-size:2.5rem}}.hero-title .highlight{color:#0871eb}.hero-subtitle{font-size:1rem;color:rgba(0,0,0,0.85);font-weight:700;margin-top:15px;max-width:500px}.feature-box{text-align:left;padding:20px 10px}.feature-box .feature-icon{border:1px solid rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.7);backdrop-filter:blur(3px);border-radius:1rem;display:inline-block;padding:0.6rem 0.5rem;margin-bottom:10px;line-height:1}.feature-box i{font-size:1.7rem;color:#0a6ada;line-height:1}.feature-box h6{font-size:0.85rem;font-weight:800;margin-bottom:5px}.feature-box p{font-size:0.75rem;font-weight:600;margin-bottom:0}.auction-card{border:1px solid rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.9);backdrop-filter:blur(3px);border-radius:12px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.auction-card .auction-icon{width:60px;height:60px;background:var(--accent-yellow);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.auction-card .auction-icon i{font-size:1.8rem;color:white}.auction-card .auction-count{font-size:2.5rem;font-weight:800;color:var(--primary-blue);line-height:1}.auction-card .auction-count span{font-size:1rem;font-weight:500;color:#666}.auction-card .btn-auction{background-color:var(--primary-blue);color:white;border-radius:8px;font-weight:600;padding:10px 20px;width:100%}.filter-section{background:white;border-radius:12px;padding:20px;position:relative;z-index:2;box-shadow:0px 10px 15px -3px rgba(0,0,0,0.1)}.filter-input{border-radius:8px;border-color:rgba(0,0,0,0.05);box-shadow:0px 3px 15px -3px rgba(0,0,0,0.1)}.btn:focus,.btn:active,.form-control:focus{outline:none !important;box-shadow:none !important}.btn-primary{background-color:var(--primary-blue);color:white !important}.btn-reset{color:#666;font-size:0.85rem;background:none;border:none}.section-title{font-size:1.3rem;font-weight:700;color:#333;position:relative;display:inline-block}.section-title::after{content:'';position:absolute;bottom:-5px;left:0;width:40px;height:3px;background-color:var(--accent-yellow)}.product-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,0.08);transition:transform 0.3s;height:100%}.product-card:hover{transform:translateY(-5px)}.product-image{position:relative;height:180px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-category{position:absolute;bottom:10px;left:10px;display:block;background:#e8f0fe;color:var(--primary-blue);font-size:0.6rem;font-weight:600;padding:3px 6px;border-radius:4px}.countdown-badge{position:absolute;display:flex;top:10px;left:10px;gap:2px}.countdown-ongoing .countdown-item{color:var(--primary-blue)}.countdown-upcoming .countdown-item{color:#c2831b}.countdown-item{text-align:center;background-color:#e8f0fe;border-radius:6px;padding:3px 6px}.countdown-item .number{font-size:0.75rem;font-weight:700;display:block;line-height:1;margin-bottom:2px}.countdown-item .label{font-size:0.55rem;display:block;text-transform:uppercase;font-weight:700;line-height:1;opacity:0.8;margin:0}.product-title{font-size:0.9rem;font-weight:700;color:#333;margin-bottom:5px;line-height:1.3;height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-specifications{font-size:0.85rem;color:#666;line-height:1.3;height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-location{font-size:0.8rem;color:#666;margin-bottom:12px}.price-label{font-size:0.75rem;color:#888}.price-value{font-size:0.85rem;font-weight:700;color:#333}.deadline{font-size:0.75rem;color:#666;margin-bottom:10px}.deadline i{margin-right:5px}.btn-bid{color:white;font-size:0.8rem;font-weight:600;padding:6px 15px}.btn-bid-open{background-color:var(--primary-blue)}.btn-bid-upcoming{background-color:#e77b35}.btn-bid-closed{background-color:#e77b35}.btn-detail{color:var(--primary-blue);font-size:0.8rem;font-weight:600;text-decoration:none}.bottom-features{background:linear-gradient(135deg,#053970 0%,#0069d9 100%);color:white;padding:30px 0;border-radius:12px;margin-top:40px}.bottom-feature-item{display:flex;align-items:center;gap:15px}.bottom-feature-item i{font-size:2.8rem;color:rgba(255,255,255,0.9)}.bottom-feature-item h6{font-size:0.9rem;font-weight:600;margin-bottom:3px}.bottom-feature-item p{font-size:0.75rem;color:rgba(255,255,255,0.7);margin-bottom:0}.btn-contact{background:white;color:var(--primary-blue);border-radius:8px;font-weight:600;padding:10px 25px}.text-black{color:#333}.text-sm{font-size:0.90rem !important}.text-xs{font-size:0.85rem !important}.text-orange{color:#fb8c00}.footer{color:#fff;background:linear-gradient(135deg,#053970 0%,#0069d9 100%);padding-top:3rem;padding-bottom:3rem}.sidebar-card{background:white;box-shadow:0 2px 15px rgba(0,0,0,0.08);border-radius:12px}.floating-btn{position:fixed;bottom:20px;right:20px;z-index:999;border-radius:2rem}.modal-backdrop{background-color:#000}.modal-backdrop.show{opacity:.8}.video-container iframe{width:100%;aspect-ratio:16 / 9;display:block}.product-cover{background-size:cover;background-repeat:no-repeat;background-position:center}@media (min-width:768px){.container{max-width:1000px}}@media (min-width:992px){.container{max-width:1200px}}@media (min-width:1200px){.container{max-width:1600px}}