/* Header polish for the retained Grace frontend. */
header.MuiAppBar-root{
  background:rgba(255,251,250,.97)!important;
  border-bottom:1px solid #eaded8!important;
  box-shadow:0 5px 25px rgba(65,31,35,.06)!important;
  backdrop-filter:blur(18px);
}
header.MuiAppBar-root>.MuiContainer-root{max-width:1440px!important;padding:0 32px!important}
header.MuiAppBar-root .MuiToolbar-root{min-height:88px!important;gap:22px;padding:0!important;justify-content:space-between}
header.MuiAppBar-root .css-fnxzt{flex:0 0 auto!important;gap:12px!important;align-items:center!important}
header.MuiAppBar-root .css-1emie67{padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;animation:none!important}
header.MuiAppBar-root img[alt="Grace Beauty Logo"]{width:53px!important;height:64px!important;object-fit:contain!important}
header.MuiAppBar-root .css-2ldj5h{display:block!important;font-family:Georgia,'Times New Roman',serif!important;font-size:23px!important;font-weight:500!important;letter-spacing:-.6px!important;line-height:1.2!important;white-space:nowrap!important;color:#422e32!important}
header.MuiAppBar-root .css-2ldj5h span{color:inherit!important}
header.MuiAppBar-root .css-2ldj5h span:first-child{color:#b72958!important}
header.MuiAppBar-root .css-1oq4de1,header.MuiAppBar-root .css-199u3nk{display:none!important}
header.MuiAppBar-root .css-fnxzt>.css-0::after{content:'BEAUTY • BRIDAL • HAFIZABAD';display:block;margin-top:7px;color:#8f7a67;font-family:Arial,sans-serif;font-size:8px;font-weight:600;letter-spacing:2.1px;white-space:nowrap}
header.MuiAppBar-root .css-4zaecf{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 auto!important;gap:3px!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-width:0}
header.MuiAppBar-root .css-4zaecf a{position:relative;min-width:0!important;padding:10px 12px!important;border-radius:6px!important;font-family:Arial,sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:.2px!important;line-height:1.4!important;text-transform:none!important;white-space:nowrap!important;color:#63535a!important;background:transparent!important;box-shadow:none!important;transition:color .2s,background .2s!important}
header.MuiAppBar-root .css-4zaecf a:hover,header.MuiAppBar-root .css-4zaecf a[aria-current="page"]{color:#b72958!important;background:#faedf1!important;transform:none!important}
header.MuiAppBar-root .css-1etzs9n{flex:0 0 auto!important;min-width:132px!important;height:44px!important;padding:0 20px!important;margin:0!important;border:1px solid #b72958!important;border-radius:8px!important;background:linear-gradient(120deg,#b72958,#d64270)!important;color:white!important;font-size:13px!important;font-weight:600!important;line-height:1!important;letter-spacing:.3px!important;text-transform:none!important;white-space:nowrap!important;box-shadow:0 5px 14px #b729581c!important;transition:box-shadow .2s,background .2s!important}
header.MuiAppBar-root .css-1etzs9n:hover{background:#a7204c!important;box-shadow:0 7px 18px #b7295830!important;transform:none!important}
header.MuiAppBar-root .css-1etzs9n svg{width:15px;height:15px}
header.MuiAppBar-root a:focus-visible,header.MuiAppBar-root button:focus-visible{outline:2px solid #b72958!important;outline-offset:4px}
.MuiToolbar-root.css-hl5277{min-height:88px!important}
@media(min-width:901px) and (max-width:1100px){
 header.MuiAppBar-root>.MuiContainer-root{padding:0 20px!important}
 header.MuiAppBar-root .MuiToolbar-root{gap:12px}
 header.MuiAppBar-root .css-2ldj5h{font-size:20px!important}
 header.MuiAppBar-root .css-4zaecf a{padding:9px 8px!important;font-size:12px!important}
 header.MuiAppBar-root .css-1etzs9n{min-width:114px!important;padding:0 13px!important}
}
@media(max-width:900px){
 header.MuiAppBar-root>.MuiContainer-root{padding:0 20px!important}
 header.MuiAppBar-root .MuiToolbar-root{min-height:120px!important;flex-wrap:wrap;gap:0!important;padding-top:9px!important;padding-bottom:6px!important}
 header.MuiAppBar-root .css-fnxzt{gap:9px!important}
 header.MuiAppBar-root img[alt="Grace Beauty Logo"]{width:43px!important;height:51px!important}
 header.MuiAppBar-root .css-2ldj5h{font-size:22px!important}
 header.MuiAppBar-root .css-fnxzt>.css-0::after{font-size:7px;letter-spacing:1.6px;margin-top:5px}
 header.MuiAppBar-root .css-4zaecf{order:3;flex:0 0 100%!important;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;gap:8px!important;padding:5px 0 0!important;border-top:1px solid #eee2df!important}
 header.MuiAppBar-root .css-4zaecf::-webkit-scrollbar{display:none}
 header.MuiAppBar-root .css-4zaecf a{flex-shrink:0;padding:8px 12px!important;font-size:12px!important}
 header.MuiAppBar-root .css-1etzs9n{min-width:114px!important;height:39px!important;padding:0 14px!important;font-size:12px!important}
 .MuiToolbar-root.css-hl5277{min-height:120px!important}
}
@media(max-width:420px){
 header.MuiAppBar-root>.MuiContainer-root{padding:0 12px!important}
 header.MuiAppBar-root .css-2ldj5h{font-size:18px!important}
 header.MuiAppBar-root img[alt="Grace Beauty Logo"]{width:36px!important;height:46px!important}
 header.MuiAppBar-root .css-fnxzt>.css-0::after{font-size:6px;letter-spacing:1.2px}
 header.MuiAppBar-root .css-1etzs9n{min-width:94px!important;padding:0 10px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){header.MuiAppBar-root *{transition:none!important;animation:none!important}}

/* Compact controls; keep a usable touch area while reducing visual bulk. */
header.MuiAppBar-root .MuiToolbar-root{min-height:76px!important;gap:14px}
header.MuiAppBar-root .css-4zaecf{gap:1px!important}
header.MuiAppBar-root .css-4zaecf a{padding:8px 9px!important;font-size:12px!important;min-height:36px;letter-spacing:0!important}
header.MuiAppBar-root .css-1etzs9n{min-width:108px!important;height:38px!important;padding:0 14px!important;font-size:12px!important;border-radius:7px!important}
header.MuiAppBar-root .css-1etzs9n svg{width:14px;height:14px}
header.MuiAppBar-root img[alt="Grace Beauty Logo"]{width:46px!important;height:55px!important}
.MuiToolbar-root.css-hl5277{min-height:76px!important}
@media(min-width:901px) and (max-width:1100px){
 header.MuiAppBar-root .css-4zaecf a{padding:8px 7px!important;font-size:11px!important}
 header.MuiAppBar-root .css-1etzs9n{min-width:100px!important;padding:0 11px!important}
}
@media(max-width:900px){
 header.MuiAppBar-root .MuiToolbar-root{min-height:106px!important;gap:0!important;padding-top:6px!important;padding-bottom:4px!important}
 header.MuiAppBar-root .css-4zaecf{max-width:100%;gap:2px!important;padding-top:3px!important}
 header.MuiAppBar-root .css-4zaecf a{padding:8px 9px!important;font-size:11px!important;min-height:36px}
 header.MuiAppBar-root .css-1etzs9n{min-width:100px!important;height:36px!important;padding:0 11px!important;font-size:11px!important}
 header.MuiAppBar-root img[alt="Grace Beauty Logo"]{width:39px!important;height:47px!important}
 .MuiToolbar-root.css-hl5277{min-height:106px!important}
}
@media(max-width:420px){
 header.MuiAppBar-root .css-fnxzt{gap:7px!important}
 header.MuiAppBar-root .css-2ldj5h{font-size:16px!important}
 header.MuiAppBar-root img[alt="Grace Beauty Logo"]{width:32px!important;height:42px!important}
 header.MuiAppBar-root .css-1etzs9n{min-width:88px!important;padding:0 9px!important}
 header.MuiAppBar-root .css-1etzs9n .MuiButton-startIcon{margin-left:0!important;margin-right:5px!important}
}