@media(max-width:989px){:root{--aoc-hdr-h: var(--aoc-hdr-h-mobile)}}.aoc-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;color:#fff;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.aoc-header.is-static{position:absolute}.aoc-header.is-solid,.aoc-header.is-menu-open{background:var(--aoc-hdr-solid-bg,#fff);color:var(--aoc-hdr-fg,#111);box-shadow:0 1px #0000000f}@media(min-width:990px){.aoc-header:hover,.aoc-header:focus-within{background:var(--aoc-hdr-solid-bg,#fff);color:var(--aoc-hdr-fg,#111);box-shadow:0 1px #0000000f}}.aoc-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--aoc-hdr-h);padding:0 clamp(16px,5vw,48px);max-width:1600px;margin:0 auto}.aoc-header-inner[data-align=left] .aoc-nav-wrap{margin-right:auto}.aoc-header-inner[data-align=center] .aoc-nav-wrap{margin:0 auto}.aoc-header-inner[data-align=right] .aoc-nav-wrap{margin-left:auto}.aoc-header-spacer{height:var(--aoc-hdr-h)}.aoc-header-spacer.is-hidden{display:none}.aoc-logo{display:flex;align-items:center;text-decoration:none;color:inherit}.aoc-logo-img{display:block;height:auto;width:auto;max-height:calc(var(--aoc-hdr-h) - 18px);max-width:var(--aoc-logo-w,160px)}.aoc-logo-text{font-size:22px;font-weight:700;letter-spacing:1px;color:inherit}.aoc-nav-wrap,.aoc-nav-top{display:flex;align-items:center}.aoc-nav-list{display:flex;align-items:center;gap:var(--aoc-item-gap,28px);list-style:none;margin:0;padding:0}.aoc-nav-item{position:relative;margin:0;padding:0}.aoc-nav-link{display:inline-flex;align-items:center;gap:5px;padding:12px 0;color:inherit;text-decoration:none;font-size:var(--aoc-nav-size,15px);font-weight:var(--aoc-nav-weight,500);letter-spacing:.01em;position:relative;transition:color .2s ease}.aoc-nav-link:hover,.aoc-nav-link:focus-visible{color:var(--aoc-hdr-accent,#555)}.aoc-nav-link:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:60% 50%;transition:transform .25s ease}.aoc-nav-link:hover:after,.aoc-nav-link:focus-visible:after{transform:scaleX(1)}.aoc-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.aoc-caret{width:11px;height:11px;transition:transform .2s ease}.aoc-nav-item:hover .aoc-caret,.aoc-nav-item:focus-within .aoc-caret{transform:rotate(180deg)}.aoc-dropdown{position:absolute;top:100%;left:0;min-width:220px;width:max-content;max-width:340px;padding:10px 0;margin:0;list-style:none;background:#fff;color:#111;border-radius:12px;box-shadow:0 14px 38px #00000029;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--aoc-anim,.25s) ease,transform var(--aoc-anim,.25s) ease,visibility 0s linear var(--aoc-anim,.25s);z-index:1010}.aoc-dropdown:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}.aoc-dropdown-link{display:block;padding:9px 22px;white-space:nowrap;font-size:14px;color:#111;text-decoration:none;transition:background .18s ease,color .18s ease,padding-left .18s ease}.aoc-dropdown-link:hover,.aoc-dropdown-link:focus-visible{background:#0000000d;color:var(--aoc-hdr-accent,#111);padding-left:28px}.aoc-nav-item.is-mega{position:static}.aoc-mega{position:absolute;top:100%;left:0;right:0;background:#fff;color:#111;border-top:1px solid rgba(0,0,0,.05);box-shadow:0 20px 40px #00000024;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--aoc-anim,.25s) ease,transform var(--aoc-anim,.25s) ease,visibility 0s linear var(--aoc-anim,.25s);z-index:1010}.aoc-mega:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}.aoc-mega-inner{max-width:1600px;margin:0 auto;padding:28px clamp(16px,5vw,48px)}.aoc-mega-grid{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:32px}.aoc-mega-title{display:block;font-size:14px;font-weight:700;color:#111;text-decoration:none;margin-bottom:12px;letter-spacing:.02em}.aoc-mega-title:hover{color:var(--aoc-hdr-accent,#111)}.aoc-mega-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.aoc-mega-link{font-size:14px;color:#444;text-decoration:none;transition:color .15s ease}.aoc-mega-link:hover,.aoc-mega-link:focus-visible{color:#111}.aoc-nav-item:hover>.aoc-dropdown,.aoc-nav-item:focus-within>.aoc-dropdown,.aoc-nav-item:hover>.aoc-mega,.aoc-nav-item:focus-within>.aoc-mega{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--aoc-anim,.25s) ease,transform var(--aoc-anim,.25s) ease,visibility 0s}.aoc-actions{display:flex;align-items:center;gap:4px}.aoc-action{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:999px;text-decoration:none;transition:background .18s ease,opacity .18s ease}.aoc-action .aoc-icon{width:20px;height:20px}.aoc-action:hover,.aoc-action:focus-visible{background:#7f7f7f1f}.aoc-cart{position:relative}.aoc-cart-count{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:#fff;color:#111;font-size:10px;line-height:17px;text-align:center;font-weight:600;transform:scale(0);transition:transform .2s ease}.aoc-cart-count.active{transform:scale(1)}.aoc-header.is-solid .aoc-cart-count,.aoc-header.is-menu-open .aoc-cart-count{background:#111;color:#fff}@media(min-width:990px){.aoc-header:hover .aoc-cart-count{background:#111;color:#fff}}.aoc-menu-toggle{display:none}.aoc-search{position:absolute;top:100%;left:0;right:0;background:var(--aoc-hdr-solid-bg,#fff);color:#111;box-shadow:0 18px 40px #0000001f;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity var(--aoc-anim,.25s) ease,transform var(--aoc-anim,.25s) ease,visibility 0s linear var(--aoc-anim,.25s);z-index:1005}.aoc-search.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--aoc-anim,.25s) ease,transform var(--aoc-anim,.25s) ease,visibility 0s}.aoc-search-form{display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:16px 24px}.aoc-search-form .aoc-icon{width:20px;height:20px;color:#111}.aoc-search-input{flex:1;border:0;border-bottom:1px solid rgba(0,0,0,.12);background:transparent;font-size:16px;color:#111;padding:8px 2px;outline:none}.aoc-search-input:focus{border-color:var(--aoc-hdr-accent,#111)}.aoc-search-submit{border:0;background:transparent;color:#111;font-size:14px;font-weight:600;cursor:pointer;padding:8px}.aoc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s;z-index:1100}.aoc-overlay.is-open{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.aoc-drawer{position:fixed;top:0;right:0;height:100%;width:min(88vw,400px);background:#fff;color:#111;transform:translate(100%);visibility:hidden;transition:transform .32s cubic-bezier(.22,.61,.36,1),visibility 0s linear .32s;z-index:1101;overflow-y:auto;display:flex;flex-direction:column;padding:20px}.aoc-drawer.is-open{transform:translate(0);visibility:visible;transition:transform .32s cubic-bezier(.22,.61,.36,1),visibility 0s}.aoc-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.aoc-drawer-logo{display:flex;align-items:center;text-decoration:none;color:#111}.aoc-drawer-logo .aoc-logo-img{max-height:44px}.aoc-drawer-close{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#111;cursor:pointer}.aoc-drawer-close .aoc-icon{width:22px;height:22px}.aoc-drawer-nav{flex:1}.aoc-drawer-list{list-style:none;margin:0;padding:0}.aoc-drawer-item{border-bottom:1px solid #eee}.aoc-drawer-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 2px;font-size:16px;font-weight:500;color:#111;background:transparent;border:0;cursor:pointer;text-align:left;text-decoration:none}.aoc-drawer-caret{display:inline-flex;transition:transform .2s ease}.aoc-drawer-item.is-open .aoc-drawer-caret{transform:rotate(180deg)}.aoc-drawer-sub{list-style:none;margin:0;padding:0 0 0 14px;max-height:0;overflow:hidden;transition:max-height .28s ease}.aoc-drawer-sublink{display:block;padding:9px 0;font-size:15px;color:#444;text-decoration:none}.aoc-drawer-sublink:hover{color:#111}.aoc-drawer-account{display:block;margin-top:16px;padding:12px;text-align:center;background:#111;color:#fff;border-radius:8px;text-decoration:none;font-weight:600}@media(min-width:990px){.aoc-menu-toggle,.aoc-drawer,.aoc-overlay{display:none}}@media(max-width:989px){.aoc-nav-wrap,.aoc-account{display:none}.aoc-menu-toggle{display:inline-flex}.aoc-search-form{padding:14px 16px}}.aoc-nav-link:focus-visible,.aoc-action:focus-visible,.aoc-drawer-link:focus-visible,.aoc-drawer-close:focus-visible,.aoc-search-submit:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/aochuan-header.css.map */