.shop-header{position:relative;z-index:1000;background:#fff;color:#111827;border-bottom:1px solid #e8edf5;box-shadow:0 5px 18px rgba(15,23,42,.06);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}
.shop-header a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.shop-header-container{width:min(1280px,calc(100% - 32px));margin:0 auto}
.shop-header-top{border-bottom:1px solid #edf1f7;background:#fff;font-size:13px;font-weight:600}
.shop-header-top .shop-header-container{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.shop-header-top i{color:#ef3340;margin-right:7px}
.shop-header-top-links{display:flex;gap:26px}
.shop-header-top-links a{color:#1f2937}
.shop-header-top-links a:hover{color:#1456d9}
.shop-header-main{min-height:76px;display:grid;grid-template-columns:minmax(145px,175px) auto auto minmax(220px,1fr) 132px 48px 48px 48px minmax(160px,190px);align-items:center;gap:9px}
.shop-logo{height:54px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.shop-logo img{display:block;max-width:100%;max-height:50px;object-fit:contain;object-position:left center}
.shop-header-button,.shop-icon-button,.shop-account-button{border:1px solid #dce5f2;background:#fff;color:#111827;border-radius:11px;min-height:46px;display:flex;align-items:center;justify-content:center;font-weight:750}
.shop-header-button{gap:10px;padding:0 16px;white-space:nowrap}
.shop-header-button i{font-size:17px}
.shop-header-button:hover,.shop-icon-button:hover{color:#1456d9;border-color:#a9c3f5;background:#f1f6ff;transform:translateY(-1px)}
.shop-search{height:46px;display:flex;border:1px solid #dce5f2;background:#f8fafc;border-radius:11px;overflow:hidden}
.shop-search:focus-within{border-color:#1456d9;box-shadow:0 0 0 3px rgba(20,86,217,.1)}
.shop-search input{min-width:0;flex:1;border:0;background:transparent;padding:0 20px;color:#111827;font-size:16px;font-weight:600;outline:0}
.shop-search button{width:60px;border:0;background:#1456d9;color:#fff;font-size:19px}
.shop-search button:hover{background:#0f46b7}
.shop-deposit-button{height:46px;border-radius:11px;background:#155eef;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:850}
.shop-deposit-button:hover{background:#0f46b7;transform:translateY(-1px)}
.shop-icon-button{font-size:19px}
.shop-account-dropdown{min-width:0}
.shop-account-button{width:100%;padding:5px 12px;gap:10px;justify-content:flex-start;text-align:left;overflow:hidden}
button.shop-account-button{cursor:pointer}
.shop-account-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffb45c,#ff6b35);color:#fff}
.shop-account-button>span:last-child{display:flex;min-width:0;flex-direction:column;line-height:1.25}
.shop-account-button strong,.shop-account-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
.shop-account-button strong{color:#111827;font-size:14px}
.shop-account-button small{color:#f97316;font-size:13px;margin-top:2px}
.shop-account-dropdown .dropdown-menu{background:#fff!important;border:1px solid #e1e8f2;border-radius:12px;padding:7px;box-shadow:0 12px 30px rgba(15,23,42,.16);min-width:210px}
.shop-account-dropdown .dropdown-menu a{color:#1f2937!important;padding:10px 12px!important;border-radius:8px;text-transform:none}
.shop-account-dropdown .dropdown-menu a:hover{background:#eef4ff!important;color:#1456d9!important}
.shop-account-dropdown .dropdown-menu i{width:22px}
.shop-header-nav{border-top:1px solid #edf1f7;background:#fff}
.shop-header-nav .shop-header-container{min-height:54px;display:flex;align-items:stretch;justify-content:space-between;gap:4px}
.shop-header-nav a{color:#101828;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-size:14px;font-weight:800;white-space:nowrap;border-bottom:3px solid transparent}
.shop-header-nav a:hover{color:#1456d9;border-bottom-color:#1456d9;background:#f8faff}
.shop-header-nav i{font-size:17px}
@media (max-width:1250px){
  .shop-header-main{grid-template-columns:155px auto minmax(220px,1fr) 125px 48px 48px minmax(155px,185px)}
  .shop-viewed-button,.shop-icon-button[aria-label="Thông báo"]{display:none}
  .shop-header-nav a{padding:0 10px;font-size:14px}
}
@media (max-width:991px){
  .shop-header-container{width:min(100% - 20px,760px)}
  .shop-header-top{display:none}
  .shop-header-main{padding:10px 0;min-height:auto;grid-template-columns:1fr 46px 46px}
  .shop-logo{height:50px}
  .shop-logo img{max-height:48px;max-width:180px}
  .shop-category-button,.shop-viewed-button,.shop-deposit-button,.shop-account-dropdown,.shop-account-button{display:none}
  .shop-icon-button{min-height:44px;border-radius:10px}
  .shop-icon-button[aria-label="Trang chủ"]{display:flex}
  .shop-icon-button[aria-label="Thông báo"]{display:flex}
  .shop-icon-button[aria-label="Lịch sử mua hàng"]{display:none}
  .shop-search{grid-column:1/-1;grid-row:2;height:46px}
  .shop-search input{font-size:15px;padding:0 14px}
  .shop-search button{width:52px}
  .shop-header-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .shop-header-nav .shop-header-container{width:max-content;min-width:100%;min-height:54px;justify-content:flex-start}
  .shop-header-nav a{padding:0 15px;font-size:13px}
}
@media (max-width:575px){
  .shop-header-main{grid-template-columns:1fr 44px}
  .shop-icon-button[aria-label="Thông báo"]{display:none}
  .shop-logo img{max-width:155px}
  .shop-header-nav a{padding:0 12px;gap:7px}
  .shop-header-nav i{font-size:15px}
}