/* The customer pages share the storefront shell without its catalog styles. */
.vc-customer-shell .vc-customer-header{display:grid;grid-template-columns:auto minmax(200px,620px) auto;align-items:center;justify-content:space-between;gap:28px;min-height:100px;margin:0;padding:20px 32px;background:#fff;box-sizing:border-box;font:15px/1.6 "Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.vc-customer-header *,.vc-customer-nav *{box-sizing:border-box}
.vc-customer-header.topbar:after{left:32px;background:#cda451}
.vc-customer-header .account{display:flex;align-items:center;justify-content:flex-end;min-width:0}
.vc-customer-header .vc-header-account{display:flex;align-items:center;text-decoration:none!important;font-size:12px;line-height:1.6}
.vc-customer-header .vc-header-account>svg{flex-shrink:0}
.vc-customer-header .vc-header-account>span{display:grid;min-width:0}
.vc-customer-header .vc-header-account small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vc-customer-header .vc-header-search{display:flex;width:100%;min-width:0;margin:0;padding:4px;border:1px solid #dce3d3;border-radius:10px;background:#f6f7f1;box-shadow:0 2px 6px #173d2506}
.vc-customer-header .vc-header-search input{display:block;width:100%;min-width:0;height:46px;min-height:46px;margin:0;padding:10px 14px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#263f30;font:400 14px/1.6 "Segoe UI",sans-serif}
.vc-customer-header .vc-header-search button{display:grid;place-items:center;flex:0 0 52px;width:52px;min-height:46px;margin:0;padding:10px 14px;border:0;border-radius:7px;background:linear-gradient(135deg,#f0dfaa,#d5b970);color:#234b35;cursor:pointer}
.vc-customer-header .vc-header-search svg{width:23px;height:23px}
.vc-customer-shell .vc-customer-nav{display:flex;gap:6px;max-width:1100px;min-height:54px;margin:26px auto 0;padding:4px;border:1px solid #dfe5da;border-radius:28px;background:#e6ebdc;box-shadow:0 2px 5px #173d2504;font:14px/1.6 "Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.vc-customer-nav>a{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:8px 18px;border:1px solid transparent;border-radius:24px;color:#506445;text-decoration:none!important;white-space:nowrap}
.vc-customer-nav>a:hover{background:#f5f7ee;color:#244b36}
.vc-customer-nav>a[aria-current="page"]{background:#fffef8;border-color:#dce2d1;color:#2d5133;box-shadow:0 1px 3px #183a2410}
.vc-customer-nav svg{width:17px;height:17px;flex-shrink:0}
.vc-customer-nav .vc-cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:20px;background:#eddb9c;color:#234833;font-size:11px;font-weight:650}
.vc-customer-header :focus-visible,.vc-customer-nav>a:focus-visible{outline:3px solid #b99b50;outline-offset:3px}
@media(max-width:1550px){.vc-customer-shell .vc-customer-header{grid-template-columns:240px minmax(180px,1fr) auto;gap:20px}}
@media(max-width:1160px){.vc-customer-shell .vc-customer-nav{margin-inline:24px}}
@media(max-width:1100px){.vc-customer-shell .vc-customer-header{grid-template-columns:1fr 1fr;padding:18px 24px;gap:18px}.vc-customer-header .vc-header-search{grid-column:1/-1;grid-row:2}}
@media(max-width:600px){.vc-customer-shell .vc-customer-header{display:flex;flex-wrap:wrap;gap:12px;padding:16px}.vc-customer-header .brand,.vc-customer-header .vc-brand-logo{max-width:150px}.vc-customer-header .account{flex:0 1 auto;margin-left:auto}.vc-customer-header .vc-header-search{order:3;flex-basis:100%}.vc-customer-header .vc-header-search input{padding:10px;min-height:44px}.vc-customer-header .vc-header-search button{flex-basis:46px;width:46px;min-height:44px}.vc-customer-shell .vc-customer-nav{margin:20px 14px 0;gap:4px}.vc-customer-nav>a{padding:8px 5px;gap:5px;font-size:12px}.vc-customer-nav .vc-cart-badge{min-width:20px;height:20px;padding:0 5px;font-size:10px}}
@media(max-width:360px){.vc-customer-header .brand,.vc-customer-header .vc-brand-logo{max-width:126px}.vc-customer-header .vc-header-account>span{max-width:106px}.vc-customer-nav>a{font-size:11px}}