.dop-header-section{position:sticky;top:0;z-index:200}.dop-header{background:#fafafaeb;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--dop-line, #E8E8E8)}.dop-nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px var(--dop-gut, clamp(16px, 3vw, 40px));max-width:1440px;margin:0 auto;gap:16px}.dop-nav-left{justify-self:start;display:flex;align-items:center}.dop-nav-right{justify-self:end;display:flex;align-items:center;gap:4px}.dop-nav-inner>.dop-logo{justify-self:center}.dop-logo{display:inline-flex;align-items:baseline;gap:1px;text-decoration:none;font-family:var(--dop-serif, "Fraunces", Georgia, serif);font-weight:600;font-size:24px;letter-spacing:-.015em;color:var(--dop-ink, #1A1A1A);line-height:1;flex-shrink:0}.dop-logo__dot{color:var(--dop-accent, #F26419)}.dop-logo__img{height:44px;width:auto;display:block}@media(max-width:680px){.dop-logo__img{height:32px}}.dop-icon-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid var(--dop-line, #E8E8E8);display:grid;place-items:center;color:var(--dop-ink, #1A1A1A);cursor:pointer;transition:border-color .12s ease,background .12s ease;position:relative;flex-shrink:0}.dop-icon-btn:hover{border-color:var(--dop-ink, #1A1A1A);background:var(--dop-surface, #fff)}.dop-bag-count{position:absolute;top:-3px;right:-3px;background:var(--dop-accent, #F26419);color:#fff;font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-family:var(--dop-sans, "Inter", system-ui, sans-serif);line-height:1;pointer-events:none}.dop-bag-count[hidden]{display:none}#dop-search-toggle[aria-expanded=true]{visibility:hidden}.dop-search-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fafafafa;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);display:flex;align-items:center;justify-content:center;gap:12px;padding:0 var(--dop-gut, clamp(16px, 3vw, 40px));opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:1}.dop-search-overlay.is-open{opacity:1;pointer-events:auto}.dop-search-overlay-form{display:flex;align-items:center;gap:4px;width:100%;max-width:720px;height:44px;padding:0 6px 0 18px;background:var(--dop-surface, #fff);border:1px solid var(--dop-line, #E8E8E8);border-radius:999px;transition:border-color .12s ease,box-shadow .12s ease}.dop-search-overlay-form:focus-within{border-color:var(--dop-ink, #1A1A1A)}.dop-search-overlay-form input[type=search]{flex:1;min-width:0;border:0;appearance:none;-webkit-appearance:none;background:transparent;outline:none;font-family:var(--dop-sans, "Inter", system-ui, sans-serif);font-size:15px;color:var(--dop-ink, #1A1A1A);padding:0;height:100%;box-shadow:none}.dop-search-overlay-form input[type=search]::placeholder{color:var(--dop-ink-3, #737373)}.dop-search-overlay-form input[type=search]::-webkit-search-cancel-button,.dop-search-overlay-form input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dop-search-overlay-submit{width:32px;height:32px;border-radius:50%;background:transparent;border:0;padding:0;color:var(--dop-ink-3, #737373);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .12s ease,background .12s ease}.dop-search-overlay-submit:hover,.dop-search-overlay-submit:focus-visible{color:var(--dop-ink, #1A1A1A);background:var(--dop-page, #fafafa)}.dop-search-overlay-close{flex-shrink:0;width:36px;height:36px;background:transparent;border:0;padding:0;color:var(--dop-ink-2, #3a3a3a);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .12s ease}.dop-search-overlay-close:hover,.dop-search-overlay-close:focus-visible{color:var(--dop-ink, #1A1A1A)}.dop-hamburger{display:grid;width:40px;height:40px;border-radius:50%;background:transparent;border:1px solid var(--dop-line, #E8E8E8);place-items:center;cursor:pointer;color:var(--dop-ink, #1A1A1A);flex-shrink:0;transition:border-color .12s ease}.dop-hamburger:hover{border-color:var(--dop-ink, #1A1A1A)}.dop-hamburger .dop-icon-hamburger,.dop-hamburger .dop-icon-x{grid-area:1 / 1}.dop-hamburger .dop-icon-x,.dop-hamburger[aria-expanded=true] .dop-icon-hamburger{display:none}.dop-hamburger[aria-expanded=true] .dop-icon-x{display:block}.dop-menu-panel{position:fixed;top:var(--dop-header-h, 116px);left:0;right:0;background:var(--dop-surface, #fff);display:flex;flex-direction:column;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s var(--dop-ease-out, ease),transform .25s var(--dop-ease-out, ease);z-index:199;overflow-y:auto;height:calc(100vh - var(--dop-header-h, 116px));height:calc(100dvh - var(--dop-header-h, 116px))}.dop-menu-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.dop-menu-nav{flex:1;padding:8px 0}.dop-menu-nav ul{list-style:none;margin:0;padding:0}.dop-menu-nav a{display:block;padding:16px var(--dop-gut, clamp(16px, 3vw, 40px));font-size:18px;font-weight:500;font-family:var(--dop-sans, "Inter", system-ui, sans-serif);color:var(--dop-ink, #1A1A1A);text-decoration:none;border-bottom:1px solid var(--dop-line, #E8E8E8);transition:color .12s ease}.dop-menu-nav a:hover,.dop-menu-nav a.is-active{color:var(--dop-accent, #F26419)}.dop-menu-footer{margin-top:auto;padding:20px var(--dop-gut, clamp(16px, 3vw, 40px));padding-bottom:max(20px,env(safe-area-inset-bottom,20px));border-top:1px solid var(--dop-line, #E8E8E8)}.dop-menu-account{display:inline-flex;align-items:center;gap:10px;font-family:var(--dop-sans, "Inter", system-ui, sans-serif);font-size:15px;font-weight:500;color:var(--dop-ink, #1A1A1A);text-decoration:none;padding:8px 0;transition:color .12s ease}.dop-menu-account:hover{color:var(--dop-accent, #F26419)}@media(max-width:599px){.dop-search-wrapper[aria-hidden=true]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dopamiles-header.css.map */