body{
margin:0;
padding:0;
font-family:Arial,Helvetica,sans-serif;
overflow-x:hidden;
}

header{
background:#ffffff;
border-bottom:2px solid #f7931e;
padding:10px 0;
box-shadow:0 2px 8px rgba(0,0,0,.05);
position:relative;
z-index:999;
}

.header-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}

#logo img{
max-width:180px;
height:auto;
display:block;
}

.site-title{
margin:0;
font-size:28px;
}

.site-title a{
color:#083d63;
text-decoration:none;
}

.header-tools{
display:flex;
align-items:center;
gap:18px;
}

.header-tools a{
color:#083d63;
font-size:14px;
font-weight:700;
text-decoration:none;
transition:.2s;
}

.header-tools a:hover{
color:#f7931e;
}

#cart{
margin:0;
}

#cart > .btn{
background:#083d63;
border:0;
color:#fff;
border-radius:4px;
padding:8px 12px;
}

#cart > .btn:hover{
background:#f7931e;
}

.hv-box{
background:#fff;
border:1px solid #eee;
border-radius:14px;
padding:20px;
box-shadow:0 6px 16px rgba(0,0,0,.04);
margin-bottom:20px;
}

.btn-orange{
background:#f7931e;
color:#fff;
padding:10px 16px;
border-radius:8px;
display:inline-block;
text-decoration:none;
border:0;
}

.btn-orange:hover{
background:#083d63;
color:#fff;
}

.product-card{
background:#fff;
border-radius:16px;
padding:15px;
box-shadow:0 6px 20px rgba(0,0,0,.05);
transition:.2s;
}

.product-card:hover{
transform:translateY(-4px);
}

/* FOOTER */
.hv-footer{
background:linear-gradient(180deg,#083d63,#062d49);
color:#fff;
padding:45px 0 20px;
margin-top:40px;
font-size:13px;
border-top:4px solid #f7931e;
}

.hv-footer h4{
font-size:16px;
font-weight:700;
margin-bottom:15px;
color:#f7931e;
}

.hv-footer ul{
list-style:none;
padding:0;
margin:0;
}

.hv-footer li{
margin-bottom:9px;
}

.hv-footer a{
color:#d8eaf7;
text-decoration:none;
transition:.2s;
}

.hv-footer a:hover{
color:#fff;
}

.hv-footer p{
color:#d8eaf7;
margin-bottom:8px;
}

.hv-footer hr{
border-color:rgba(255,255,255,.12);
margin:25px 0 15px;
}

.footer-copy{
text-align:center;
font-size:12px;
color:#cfe2ef;
}

.footer-col{
margin-bottom:20px;
}

@media(max-width:767px){

header{
padding:8px 0;
}

.header-row{
flex-direction:column;
text-align:center;
gap:10px;
}

#logo img{
max-width:150px;
margin:0 auto;
}

.header-tools{
justify-content:center;
flex-wrap:wrap;
gap:12px;
}

.header-tools a{
font-size:13px;
}

#cart > .btn{
padding:7px 10px;
font-size:12px;
}

.hv-footer{
padding:35px 15px 80px;
text-align:center;
}

.footer-col{
width:100%;
float:none;
margin-bottom:30px;
}

}