/*=============================================
  MJ FASHION — HEADER SINGLE LINE PRO
  Phone | Logo | Menu | Search | Icons
=============================================*/

/*-- Top Bar --*/
.mf-topbar{background:#1a1a1a;color:#ccc;font-size:13px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.mf-topbar .container{display:flex;align-items:center;gap:20px}
.mf-topbar__hotline{color:#fff;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:color .3s;flex:0 0 auto}
.mf-topbar__hotline:hover{color:#E9CCAF}
.mf-topbar__hotline i{color:#A2784E;font-size:14px}
.mf-topbar__marquee{flex:1;overflow:hidden;color:#999;min-width:0}
.mf-topbar__marquee marquee{font-size:12px}

/*=============================================
  HEADER — Single Line
=============================================*/
.mf-header{position:sticky;top:0;z-index:1000;background:#fff;transition:box-shadow .3s}
.mf-header.is-sticky{box-shadow:0 2px 24px rgba(0,0,0,.08)}
.mf-header__row{display:flex;align-items:center;height:72px;max-width:1400px;margin:0 auto;padding:0 24px}

/*-- Logo --*/
.mf-header__logo{flex:0 0 auto;display:flex;align-items:center;padding:0 24px}
.mf-header__logo img{height:44px;width:auto;display:block;transition:transform .3s}
.mf-header__logo:hover img{transform:scale(1.03)}

/*-- Nav --*/
.mf-header__nav{flex:1;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;min-width:0}
.mf-header__nav::-webkit-scrollbar{display:none}
.mf-header__menu{display:flex;list-style:none;margin:0;padding:0;gap:0;align-items:stretch}
.mf-header__menu-item{position:relative;display:flex;align-items:center}
.mf-header__menu-link{display:flex;align-items:center;gap:5px;padding:0 16px;text-decoration:none;color:#2d2d2d;font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;transition:color .25s;white-space:nowrap;height:72px;line-height:72px;position:relative}
.mf-header__menu-link::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:2.5px;background:linear-gradient(90deg,#A2784E,#c9985a);border-radius:2px;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.mf-header__menu-link:hover{color:#A2784E}
.mf-header__menu-link:hover::after{transform:scaleX(1)}
.mf-header__menu-link i:not(.mf-header__caret){font-size:11px;opacity:.4}
.mf-header__caret{font-size:8px;opacity:.4;transition:transform .3s,opacity .3s;margin-left:2px}
.mf-header__menu-item:hover .mf-header__caret{transform:rotate(180deg);opacity:.8}

/*-- Dropdown --*/
.mf-header__dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:220px;background:#fff;border-radius:0 0 14px 14px;box-shadow:0 16px 48px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;padding:10px 0;border-top:3px solid #A2784E}
.mf-header__menu-item:hover .mf-header__dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mf-header__dd-wrap{display:flex;flex-direction:column}
.mf-header__dd-item{display:flex;align-items:center;gap:10px;padding:10px 22px;color:#333;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s;position:relative}
.mf-header__dd-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#A2784E;border-radius:0 3px 3px 0;transition:height .2s}
.mf-header__dd-item:hover{background:#fdf8f3;color:#A2784E;padding-left:28px}
.mf-header__dd-item:hover::before{height:60%}
.mf-header__dd-item i{font-size:12px;width:18px;text-align:center;color:#bbb;transition:color .2s}
.mf-header__dd-item:hover i{color:#A2784E}

/*-- Search --*/
.mf-header__search{flex:0 0 auto;position:relative;margin-left:12px}
.mf-header__search-form{display:flex;height:40px;border:1.5px solid #e8e8e8;border-radius:50px;overflow:hidden;background:#fafafa;transition:border-color .3s,box-shadow .3s}
.mf-header__search-form:focus-within{border-color:#A2784E;box-shadow:0 0 0 3px rgba(162,120,78,.08)}
.mf-header__search-form input{flex:1;border:none;background:transparent;padding:0 16px;font-size:13px;outline:none;color:#333;width:150px;transition:width .3s}
.mf-header__search-form input:focus{width:200px}
.mf-header__search-form input::placeholder{color:#aaa}
.mf-header__search-form button{flex:0 0 42px;background:#A2784E;color:#fff;border:none;cursor:pointer;font-size:13px;transition:background .3s;display:flex;align-items:center;justify-content:center}
.mf-header__search-form button:hover{background:#8B653F}
.mf-search__result{position:absolute;top:calc(100% + 8px);right:0;left:0;background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 16px 48px rgba(0,0,0,.1);z-index:9999;display:none;overflow:hidden}

/*-- Icons --*/
.mf-header__icons{flex:0 0 auto;display:flex;align-items:center;gap:2px;margin-left:12px;padding-left:16px;border-left:1px solid #eee}
.mf-header__icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;text-decoration:none;color:#444;font-size:18px;border-radius:50%;transition:all .25s;position:relative}
.mf-header__icon:hover{color:#A2784E;background:#fdf8f3}
.mf-header__icon>a{color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}

/*-- Cart Badge --*/
.mf-header__cart{position:relative}
.mf-header__badge{position:absolute;top:3px;right:3px;background:#A2784E;color:#fff;font-size:9px;font-weight:700;min-width:17px;height:17px;line-height:17px;text-align:center;border-radius:50px;padding:0 4px;pointer-events:none;border:2px solid #fff}

/*-- Cart Dropdown --*/
.mf-cart-dd{position:absolute;top:calc(100% + 12px);right:-6px;width:370px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.04);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;overflow:hidden}
.mf-header__cart:hover .mf-cart-dd,.mf-cart-dd:hover{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.mf-cart-dd__head{padding:18px 20px 14px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:6px}
.mf-cart-dd__title{font-weight:700;font-size:15px;color:#1a1a1a}
.mf-cart-dd__count{font-size:13px;color:#999;font-weight:400}
.mf-cart-dd__list{max-height:300px;overflow-y:auto;padding:6px 0}
.mf-cart-dd__list::-webkit-scrollbar{width:3px}
.mf-cart-dd__list::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}
.mf-cart-dd__row{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid #f8f8f8;transition:background .2s}
.mf-cart-dd__row:hover{background:#faf8f5}
.mf-cart-dd__row:last-child{border-bottom:none}
.mf-cart-dd__row img{width:56px;height:56px;object-fit:cover;border-radius:10px;background:#f5f5f5;border:1px solid #f0f0f0}
.mf-cart-dd__info{flex:1;min-width:0}
.mf-cart-dd__info a{display:block;font-size:13px;font-weight:500;color:#333;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s;margin-bottom:3px}
.mf-cart-dd__info a:hover{color:#A2784E}
.mf-cart-dd__meta{font-size:12px;color:#999}
.mf-cart-dd__remove{background:none;border:none;color:#ccc;cursor:pointer;font-size:13px;padding:6px;border-radius:50%;transition:all .2s;line-height:1}
.mf-cart-dd__remove:hover{color:#e53e3e;background:#fef2f2}
.mf-cart-dd__empty{padding:40px 20px;text-align:center;color:#ccc}
.mf-cart-dd__empty i{font-size:36px;margin-bottom:10px;display:block}
.mf-cart-dd__empty p{font-size:13px;color:#999}
.mf-cart-dd__foot{padding:16px 20px;border-top:1px solid #f0f0f0;background:#faf8f5}
.mf-cart-dd__subtotal{display:flex;justify-content:space-between;font-size:15px;margin-bottom:14px}
.mf-cart-dd__subtotal span{color:#666}
.mf-cart-dd__subtotal strong{color:#1a1a1a;font-weight:700}
.mf-cart-dd__checkout{display:block;width:100%;padding:13px 0;background:#A2784E;color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-weight:700;font-size:14px;letter-spacing:.3px;transition:all .3s}
.mf-cart-dd__checkout:hover{background:#8B653F;color:#fff}

/*-- Mobile Header --*/
.mf-mheader{display:none}
.mf-mheader__bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff}
.mf-mheader__hamburger{background:none;border:none;font-size:22px;color:#333;cursor:pointer;padding:4px}
.mf-mheader__logo img{height:40px;width:auto}
.mf-mheader__actions{display:flex;align-items:center;gap:16px}
.mf-mheader__cart{position:relative;color:#333;font-size:20px;text-decoration:none}
.mf-mheader__cart-badge{position:absolute;top:-8px;right:-10px;background:#A2784E;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:50px;padding:0 4px}
.mf-mheader__search{padding:0 16px 12px;background:#fff}
.mf-mheader__search form{display:flex;height:42px;border:2px solid #E9CCAF;border-radius:50px;overflow:hidden;background:#faf8f5}
.mf-mheader__search input{flex:1;border:none;background:transparent;padding:0 16px;font-size:14px;outline:none}
.mf-mheader__search button{flex:0 0 50px;background:#A2784E;color:#fff;border:none;cursor:pointer;font-size:16px}