/* ===============================
   BASE RESET
================================ */

*{
box-sizing:border-box;
margin:0;
padding:0;
}

/* ===============================
   STORE HEADER
================================ */

.store-header{
background:#0f3d2e;
padding:8px 20px;
width:100%;
}

.header-inner{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
flex-wrap:wrap;
}

/* ===============================
   BRAND
================================ */

.brand{
display:flex;
align-items:center;
gap:8px;
color:white;
font-size:18px;
font-weight:600;
text-decoration:none;
white-space:nowrap;
}

.brand img{
height:28px;
}

/* ===============================
   NAV LINKS
================================ */

.nav-links{
display:flex;
align-items:center;
flex-wrap:wrap;
}

.nav-links a{
color:white;
margin-left:14px;
text-decoration:none;
font-weight:500;
font-size:14px;
white-space:nowrap;
}

/* ===============================
   EMPTY CART
================================ */

.empty-cart-box{
padding:40px;
text-align:center;
font-size:18px;
color:#444;
background:#f7f7f7;
border-radius:12px;
}

.empty-cart-text{
font-weight:500;
}

/* ===============================
   MINI CART
================================ */

.cart-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,0.25);
display:none;
z-index:9998;
}

/* popup */

.cart-popup{

position:fixed;

top:70px;
right:20px;

width:380px;
max-width:95vw;

background:#fff;

border-radius:14px;

box-shadow:0 15px 40px rgba(0,0,0,0.35);

z-index:9999;

pointer-events:auto;

}

/* header */

.cart-popup-header{

display:flex;
justify-content:space-between;
align-items:center;

padding:14px 18px;

font-size:18px;
font-weight:600;

border-bottom:1px solid #eee;

}

/* scroll body */

.cart-popup-body{

max-height:380px;
overflow-y:auto;
padding:0;

}

/* ===============================
   CART ITEM
================================ */

.mini-cart-item{

display:grid;

grid-template-columns:60px 1fr auto;

gap:12px;

align-items:center;

padding:14px 18px;

border-bottom:1px solid #eee;

}

/* image */

.mini-cart-img{
width:60px;
height:60px;
object-fit:cover;
border-radius:10px;
}

/* info */

.mini-cart-info{
display:flex;
flex-direction:column;
gap:6px;
}

.mini-cart-title{
font-size:15px;
font-weight:500;
color:#333;
}

/* qty */

.mini-cart-qty{
display:flex;
align-items:center;
gap:6px;
}

.mini-cart-qty button{
width:28px;
height:28px;
border:1px solid #ccc;
background:white;
border-radius:6px;
cursor:pointer;
font-size:16px;
}

.mini-cart-qty span{
min-width:20px;
text-align:center;
font-weight:500;
}

/* right */

.mini-cart-right{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:6px;
}

.mini-cart-price{
font-size:16px;
font-weight:600;
color:#0f3d2e;
}

/* remove */

.mini-cart-remove{
border:none;
background:none;
color:#e53935;
cursor:pointer;
font-size:16px;
}

/* ===============================
   CART FOOTER
================================ */

.mini-cart-footer{
position:sticky;
bottom:0;
background:#fff;
padding-top:10px;
}

.mini-cart-subtotal{
display:flex;
justify-content:space-between;
font-size:16px;
margin-bottom:14px;
}

/* checkout */

.mini-cart-checkout{
display:block;
width:100%;
background:#0f3d2e;
color:#fff;
text-align:center;
padding:12px;
border-radius:8px;
font-weight:600;
text-decoration:none;
transition:.2s;
}

.mini-cart-checkout:hover{
background:#0c2f24;
}

/* ===============================
   RESPONSIVE SYSTEM
================================ */

/* LARGE SCREENS */

@media(min-width:1400px){

.header-inner{
max-width:1400px;
}

}

/* TABLET */

@media(max-width:900px){

.header-inner{
flex-wrap:wrap;
}

.nav-links{
width:100%;
justify-content:flex-end;
}

}

/* MOBILE */

@media(max-width:600px){

.store-header{
padding:8px 12px;
}

.header-inner{
flex-direction:row;
align-items:center;
gap: 10px;
}

.brand{
font-size:15px;
}

.brand img{
height:22px;
}

/* nav links */

.nav-links{
gap:8px;
justify-content: flex-end;
flex: 1;
}

.nav-links a{
margin-left:8px;
font-size:12px;
}

/* mini cart */

.cart-popup{

right:10px;
left:10px;

width:auto;
top: 60px;

}

.mini-cart-item{

grid-template-columns:45px 1fr auto;

}

.mini-cart-img{
width:45px;
height:45px;
}

}

/* SMALL PHONES */

@media(max-width:420px){

.header-inner {
  justify-content: center;
}

.nav-links{
width: 100%;
justify-content: center;
margin-top: 5px;
}

.nav-links a{
margin: 0 6px;
font-size:12px;
}

.mini-cart-title{
font-size:13px;
}

.mini-cart-price {
  font-size: 14px;
}

}

/* EXTRA SMALL */

@media(max-width:320px){

.brand{
font-size:14px;
}

.mini-cart-qty button{
width:24px;
height:24px;
}

}