:root{--hale-ease-out: cubic-bezier(.16, 1, .3, 1);--hale-t-ui: .25s;--hale-t-enter: .45s;--hale-t-slow: .7s}.hale-atoast{z-index:190!important}body:has(.cart-drawer.open) .hale-atoast{opacity:0!important;visibility:hidden!important;pointer-events:none!important}@media(min-width:981px){.hale:has(>header){overflow:visible!important}.hale header{z-index:140}.hale .menu .has-sub .submenu{display:block;position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(6px);padding-top:12px;opacity:0;visibility:hidden;pointer-events:none;z-index:141;transition:opacity var(--hale-t-ui) var(--hale-ease-out),transform var(--hale-t-ui) var(--hale-ease-out),visibility var(--hale-t-ui)}.hale .menu .has-sub:hover .submenu,.hale .menu .has-sub:focus-within .submenu,.hale .menu .has-sub.open .submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.hale .menu .has-sub.open .ml-top .chev{transform:rotate(180deg)}}.hale .col-grid .prod-card .pkg{aspect-ratio:3 / 4;overflow:hidden}.hale .col-grid .prod-card .pkg img{width:100%;height:100%;object-fit:cover;display:block}@media(min-width:1081px){.hale .col-grid .prod-card .pkg{aspect-ratio:1 / 1}.hale .col-grid .prod-card .pkg img{object-fit:contain;padding:7%;box-sizing:border-box}}.hale .rate{display:flex;align-items:center;gap:6px;flex-wrap:wrap;height:14px;margin-bottom:8px;font-size:12.5px;line-height:1;color:var(--muted)}.hale .rate .rstars{position:relative;display:inline-block;white-space:nowrap;font-size:14px;line-height:1;letter-spacing:1.5px}.hale .rate .rstars-bg{color:#ded8cc}.hale .rate .rstars-fg{position:absolute;top:0;left:0;height:100%;width:var(--pct, 0%);overflow:hidden;color:#f5a623}.hale .rate b{color:var(--ink);font-weight:700;font-size:13px}.hale .rate .rcount{color:var(--muted)}.hale .rate .stars,.hale .rate .stars svg{color:#f5a623}.hale .col-grid .prod-card:not(:has(.rate)) .prod-meta:before{content:"";display:block;height:22px}.hale .col-more{display:flex;justify-content:center;margin-top:44px}.hale .col-more button{min-width:260px;padding:16px 34px;border-radius:30px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-family:var(--serif);text-transform:uppercase;letter-spacing:.1em;font-size:13px;cursor:pointer;transition:.25s var(--ease)}.hale .col-more button:hover{background:var(--accent);color:var(--on-accent)}.hale .col-more button[disabled]{opacity:.5;cursor:default}@keyframes haleFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hale .col-grid .prod-card.is-entering{animation:haleFadeUp var(--hale-t-enter) var(--hale-ease-out) var(--hale-delay, 0ms) both}html.hale-imgfade .hale .pkg img{opacity:0}html.hale-imgfade .hale .pkg img.hale-loaded{opacity:1}html.hale-imgfade .hale .prod-card .pkg img{transition:opacity var(--hale-t-enter) var(--hale-ease-out),transform var(--hale-t-slow) var(--hale-ease-out)}@media(prefers-reduced-motion:reduce){.hale .col-grid .prod-card.is-entering{animation:none}html.hale-imgfade .hale .pkg img,html.hale-imgfade .hale .pkg img.hale-loaded,html.hale-imgfade .hale .prod-card .pkg img{opacity:1;transform:none;transition:none}}.hale .pdp-sticky,.hale .pstick{z-index:140!important}body:has(.cart-drawer.open) .hale .pdp-sticky,body:has(.cart-drawer.open) .hale .pstick,body:has(.hale .modal.open) .hale .pdp-sticky,body:has(.hale .modal.open) .hale .pstick,body:has(.msearch.open) .hale .pdp-sticky,body:has(.msearch.open) .hale .pstick,body:has(.m-drawer.open) .hale .pdp-sticky,body:has(.m-drawer.open) .hale .pstick,body:has(.promop.open) .hale .pdp-sticky,body:has(.promop.open) .hale .pstick,body:has(dialog[open]) .hale .pdp-sticky,body:has(dialog[open]) .hale .pstick{transform:translateY(calc(100% + 240px))!important;visibility:hidden!important;pointer-events:none!important}.hale .cmodal{display:none!important}@media(min-width:901px){.hale .pdp{padding-top:8px}.hale .pdp .crumbs{margin-bottom:8px;font-size:11.5px}.hale .pdp .pinfo .klabel{margin-bottom:2px}.hale .pdp .pinfo h1{margin-top:1px}.hale .pdp .psub{margin-top:5px}.hale .pdp .pmeta{margin-top:6px;gap:4px 12px}.hale .pdp .keypts{margin-top:8px;padding:10px 13px;gap:4px;border-radius:10px}.hale .pdp .keypts li{font-size:12.5px;line-height:1.25}.hale .pdp .keypts .kp-dot{margin-top:5px}.hale .pdp .tags{margin-top:6px}.hale .pdp .buycard{margin-top:8px;padding:11px 14px 13px}.hale .pdp .pprice-sub{font-size:11px}.hale .pdp .buycard .vpicker{margin-top:5px}.hale .pdp .vlabel{margin-bottom:4px}.hale .pdp .vpill{padding:6px 12px}.hale .pdp .buycard .buybox{margin-top:7px}.hale .pdp .buycard .pship{margin-top:6px}.hale .pdp .pship-txt{margin-bottom:4px}.hale .pdp .delivpay{margin-top:7px;padding:8px 10px;gap:10px;border-radius:10px}.hale .pdp .dp-rows{gap:4px}.hale .pdp .dp-row{padding:4px 8px;font-size:11px}.hale .pdp .pconsult{margin-top:7px;padding:8px 12px}.hale .pdp .pairsmini{margin-top:9px;padding-top:9px}}.hale .pdp .pinfo h1{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.12}.hale .shipdate{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:10px 14px;border:1px solid var(--accent);border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--ink);font-size:12.5px}.hale .shipdate svg{width:16px;height:16px;color:var(--accent);flex:0 0 auto}.hale .shipdate b{color:var(--accent);font-weight:700;letter-spacing:.02em}.hale .nav-search{position:relative}.hale .hale-dd{position:absolute;top:calc(100% + 10px);right:0;left:auto;z-index:200;width:420px;max-width:min(420px,90vw);background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -24px #0006;padding:14px 16px;max-height:min(70vh,560px);overflow-y:auto}.hale .hale-dd[hidden]{display:none}.hale .hale-dd .msr:last-of-type{border-bottom:none}.hale .hale-dd .msearch-all{margin-top:10px}.hale .hale-dd-load{padding:18px 0;text-align:center;color:var(--muted);font-size:13px}.hale .hale-dd-kicker{display:flex;align-items:center;gap:10px;font-family:var(--sans);text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--muted);margin:2px 0 12px}.hale .hale-dd-kicker:before{content:"";width:22px;height:1px;background:var(--line);flex:0 0 auto}.hale .hale-dd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.hale .hale-dd-chips a{padding:8px 14px;border:1px solid var(--line);border-radius:30px;font-size:13px;color:var(--ink);transition:.2s;white-space:nowrap}.hale .hale-dd-chips a:hover{border-color:var(--accent);color:var(--accent)}.hale .hale-dd-sep{height:1px;background:var(--line);margin:0 0 14px}.hale .hale-dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hale .hale-dd-card{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:10px;color:inherit;transition:.2s;min-width:0}.hale .hale-dd-card>div{min-width:0}.hale .hale-dd-card:hover{border-color:var(--accent)}.hale .hale-dd-thumb{width:44px;height:50px;flex:0 0 auto;border-radius:6px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}.hale .hale-dd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hale .hale-dd-name{font-family:var(--serif);font-size:12.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.hale .hale-dd-price{font-family:var(--serif);font-size:13px;color:var(--accent);margin-top:4px}.hale .hale-dd--drawer{position:static;width:auto;max-width:none;margin-top:14px;box-shadow:none;border-radius:12px;max-height:none;overflow:visible;padding:14px}.hale .hale-dd--drawer .hale-dd-grid{grid-template-columns:1fr}.hale .hale-dd--drawer .hale-dd-name{-webkit-line-clamp:1}.hale .msearch-pop{margin-top:26px}.hale .msearch-pop .hale-dd-thumb{width:48px;height:54px}.hale .msearch-pop .hale-dd-card{padding:9px;gap:11px}.hale .msearch-pop .hale-dd-name{font-size:13px}.hale .msearch-pop .hale-dd-price{font-size:13.5px;margin-top:3px}.hale .msearch-pop .hale-dd-card:active{border-color:var(--accent)}@media(max-width:359px){.hale .msearch-pop .hale-dd-grid{grid-template-columns:1fr}}:root{--hale-loader-bg: #f5f2ea;--hale-loader-ink: #2b3a2f;--hale-loader-accent: #5b7b5a;--hale-loader-text: "HALE"}@keyframes haleLoaderHold{0%,72%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes haleLoaderBar{0%{transform:translate(-50%) scaleX(0)}70%,to{transform:translate(-50%) scaleX(1)}}@keyframes haleLoaderOut{to{opacity:0;visibility:hidden}}html:before{content:var(--hale-loader-text, "HALE");position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center;background:var(--hale-loader-bg);color:var(--hale-loader-ink);font-family:var(--serif, Georgia, serif);font-size:clamp(30px,6vw,54px);font-weight:400;letter-spacing:.34em;text-indent:.34em;pointer-events:none;animation:haleLoaderHold 1.8s var(--hale-ease-out) forwards}html:after{content:"";position:fixed;z-index:9999;top:calc(50% + 44px);left:50%;width:108px;height:2px;background:var(--hale-loader-accent);transform:translate(-50%) scaleX(0);transform-origin:center;pointer-events:none;animation:haleLoaderBar 1.45s var(--hale-ease-out) forwards,haleLoaderHold 1.8s linear forwards}html.hale-loaded:before,html.hale-loaded:after{animation:haleLoaderOut .4s var(--hale-ease-out) forwards!important}html.hale-loaded:after{transform:translate(-50%) scaleX(1)!important}html.hale-noloader:before,html.hale-noloader:after{display:none!important}@media(prefers-reduced-motion:reduce){html:before{animation:haleLoaderHold .6s linear forwards}html:after{display:none}html.hale-loaded:before{animation:haleLoaderOut .15s linear forwards!important}}.hale .col-wrap .chips{justify-content:flex-start;justify-content:safe center;scroll-behavior:smooth}@media(min-width:901px){.hale .col-wrap .chips{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}}@media(prefers-reduced-motion:reduce){.hale .col-wrap .chips{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hale-ux-fixes.css.map */