html{scroll-behavior:smooth}
body{background:#fff8df;font-family:Arial,sans-serif}
.bg-warning{background:#f4c542!important}

.top-header{background:white;border-top:4px solid #f4c542;border-bottom:1px solid #ddd}
.header-container,.nav-container{max-width:1450px;margin:auto}
.header-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:12px 20px}
.logo-text{font-size:23px;font-weight:bold;color:#17394d;text-decoration:none;white-space:nowrap}
.logo-text:hover{text-decoration:none;color:#17394d}
.top-search{width:560px;display:flex;flex-wrap:nowrap;gap:8px}
.top-search .form-control{flex:1;min-width:0;height:42px}
.top-search .btn{width:105px;white-space:nowrap}

.main-nav{padding:0}
.nav-menu{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}
.navbar-dark .navbar-nav .nav-link{color:#17394d!important}
.main-nav .nav-link{white-space:nowrap;padding:13px 17px!important;font-size:15px;font-weight:600}
.main-nav .nav-link:hover{background:#e4ae18;color:white!important}

.banner{height:420px;object-fit:cover}
.carousel-caption{background:rgba(0,0,0,.35);border-radius:10px}
.card{border:0;border-radius:12px;box-shadow:0 5px 18px rgba(0,0,0,.12);overflow:hidden}
.card:hover{transform:translateY(-5px);transition:.3s}
.card-img-top{height:210px;object-fit:cover}
.price{color:#d87900;font-size:20px;font-weight:bold}
.btn-warning{background:#f4c542;border:0;color:#17394d;font-weight:bold}
.footer{background:#17394d;color:white;padding:25px 0;margin-top:40px}
.form-box{background:white;padding:25px;border-radius:12px;box-shadow:0 5px 18px rgba(0,0,0,.12)}
.detail-img{height:430px;width:100%;object-fit:cover;border-radius:12px}
.section-title{color:#17394d;font-weight:bold}

@media(max-width:1199.98px){
.main-nav{padding:8px 20px}
.nav-menu{align-items:flex-start}
.main-nav .nav-link{padding:8px 0!important}
}

@media(max-width:767.98px){
.header-row{display:block;padding:14px 15px}
.logo-text{display:block;margin-bottom:12px}
.top-search{width:100%}
.banner{height:280px}
}

@media(max-width:420px){
.top-search{display:block}
.top-search .btn{width:100%;margin-top:8px}
}