#purchase-popup{font:400 12px/1.65 Montserrat,Arial,sans-serif;text-align:left}
#purchase-popup,#purchase-popup *{box-sizing:border-box}#purchase-popup button,#purchase-popup input{font:inherit;color:inherit}#purchase-popup a{color:inherit}#purchase-popup button{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background-color 160ms ease,opacity 160ms ease}#purchase-popup button:focus:not(:focus-visible),#purchase-popup a:focus:not(:focus-visible){outline:0}#purchase-popup button:focus-visible,#purchase-popup a:focus-visible,#purchase-popup input:focus-visible{outline:1px solid #8c8274;outline-offset:3px}
#purchase-popup .primary{display:block;width:100%;border:0;border-radius:0;padding:16px 12px;background:#23241f;color:white;text-align:center;font-size:11px;line-height:1.5;min-height:48px}
#purchase-popup .primary:disabled{opacity:.5;cursor:wait}
#purchase-popup{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,620px);max-width:none;max-height:92dvh;padding:0;border:0;border-radius:0;background:#fffefa;color:#292824;overflow-y:auto;box-shadow:0 -10px 40px #0001;animation:enter 220ms cubic-bezier(.2,.8,.2,1)}
#purchase-popup::backdrop{background:#1515136b}
#purchase-popup .sheet-top{position:sticky;top:0;z-index:2;background:#fffefa;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 22px 15px;border-bottom:1px solid #ece6dc}
#purchase-popup .sheet-top h2{font-size:21px;font-weight:400;line-height:1.3;letter-spacing:-.035em;margin:0}
#purchase-popup .x{flex:none;border:0;background:none;border-radius:0;outline:0;box-shadow:none;color:#35332d;width:24px;height:28px;padding:0;font-size:28px;line-height:1}
#purchase-popup .x{width:40px;height:40px}
#purchase-popup .x:focus-visible{outline:1px solid #8c8274}
#purchase-popup .email:focus-visible{outline:none;border-bottom-color:#292824}
#purchase-popup .sheet-body{padding:22px}
#purchase-popup .sheet-body p{margin-top:0}
#purchase-popup .mini-product{display:grid;grid-template-columns:64px 1fr;gap:15px;align-items:start;margin-bottom:22px}
#purchase-popup .mini-product img{width:64px;height:86px;object-fit:cover}
#purchase-popup .mini-product h3{font-size:12px;font-weight:400;margin:0 0 7px;line-height:1.5}
#purchase-popup .meta{color:#8c8274;font-size:10px;line-height:1.7;margin:0}
#purchase-popup .guide-copy{font-size:11px;color:#7b7061;line-height:1.8}
#purchase-popup .field{display:block;color:#7e7261;font-size:10px;margin:20px 0 7px}
#purchase-popup .email{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid #9b8f7d;border-radius:0;background:transparent;color:#292824;font-size:14px}
#purchase-popup .field-error{font-size:10px;color:#9a4e3c;min-height:18px;margin:7px 0 12px}
#purchase-popup .privacy{font-size:9px;color:#a09380;margin:14px 0 0}
@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){#purchase-popup{inset:0 0 0 auto;width:420px;height:100dvh;max-height:100dvh;margin:0}}
@media(prefers-reduced-motion:reduce){#purchase-popup{animation:none}}
#purchase-popup .confirm-actions a{text-decoration:none}
#purchase-popup[data-kind="compact"]{inset:auto 0 0;margin:0 auto;width:min(100%,620px);height:auto;max-height:80dvh;box-shadow:0 -6px 28px #19191612}
#purchase-popup[data-kind="compact"]::backdrop{background:#19191624}
#purchase-popup[data-kind="compact"] .sheet-top{position:relative;border:0;padding:10px 16px 0;gap:10px}
#purchase-popup[data-kind="compact"] .sheet-top h2{font-size:13px;letter-spacing:0}
#purchase-popup[data-kind="compact"] .sheet-body{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
#purchase-popup[data-kind="compact"] .sheet-bottom-note{display:none}
#purchase-popup[data-kind="compact"] .mini-product{grid-template-columns:54px 1fr;gap:13px;margin:0 0 15px}
#purchase-popup[data-kind="compact"] .mini-product img{width:54px;height:72px}
#purchase-popup[data-kind="compact"] .mini-product h3{font-size:11px;margin:1px 0 5px}
#purchase-popup[data-kind="compact"] .meta{font-size:10px}
#purchase-popup .confirm-actions .primary{min-height:44px;padding:13px 10px;font-size:10px}
#purchase-popup .confirm-continue{display:block;width:100%;height:32px;margin:5px 0 0;padding:5px;border:0;background:transparent;color:#887f73;font-size:10px}
@media(min-width:900px){#purchase-popup[data-kind="compact"]{inset:76px 20px auto auto;width:350px;max-height:calc(100dvh - 100px);margin:0;border:1px solid #e4ded3;box-shadow:0 12px 40px #29282412}}
#purchase-popup .sheet-top h2:focus{outline:0}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]){inset:auto 0 0;margin:0 auto;width:min(100%,620px);height:auto;max-height:80dvh;box-shadow:0 -6px 28px #19191612}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"])::backdrop{background:#19191624}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .sheet-top{position:relative;border:0;padding:10px 16px 0;gap:10px}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .sheet-top h2{font-size:13px;letter-spacing:0}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .sheet-body{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .sheet-bottom-note{display:none}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .mini-product{grid-template-columns:54px 1fr;gap:13px;margin:0 0 12px}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .mini-product img{width:54px;height:72px}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .mini-product h3{font-size:11px;margin:1px 0 5px}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .meta{font-size:10px}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .guide-copy{font-size:10px;line-height:1.6;margin:0 0 10px}
#purchase-popup[data-kind="notify"] .field{font-size:9px;margin:12px 0 4px}
#purchase-popup[data-kind="notify"] .email{font-size:16px;line-height:24px;padding:9px 0}
#purchase-popup[data-kind="notify"] .field-error{min-height:0;margin:6px 0;font-size:9px;line-height:1.5}
#purchase-popup[data-kind="notify"] .field-error:empty{display:none}
#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]) .primary{min-height:44px;padding:13px 10px;font-size:10px;margin-top:16px}
#purchase-popup[data-kind="notify"] .privacy{font-size:8px;line-height:1.5;margin:10px 0 0}
#purchase-popup .notify-email-copy{font-size:11px;overflow-wrap:anywhere;color:#7c7160;margin:0 0 14px}
@media(min-width:900px){#purchase-popup:is([data-kind="notify"],[data-kind="notify-success"]){inset:76px 20px auto auto;width:350px;max-height:calc(100dvh - 100px);margin:0;border:1px solid #e4ded3;box-shadow:0 12px 40px #29282412}}
#purchase-popup[data-position="center"]{inset:auto;top:calc(var(--popup-vv-top,0px) + var(--popup-vv-height,100dvh)/2);left:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);width:min(350px,calc(100% - 32px));height:auto;max-height:calc(var(--popup-vv-height,100dvh) - 24px);border:1px solid #e4ded3;box-shadow:0 12px 40px #29282412;animation:popup-center-enter 160ms ease}
@keyframes popup-center-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#purchase-popup[data-position="center"]{animation:none}}
#purchase-popup[data-kind="choose-size"]{inset:auto 0 0;margin:0 auto;width:min(100%,620px);height:auto;max-height:80dvh;box-shadow:0 -6px 28px #19191612}
#purchase-popup[data-kind="choose-size"]::backdrop{background:#19191624}
#purchase-popup[data-kind="choose-size"] .sheet-top{position:relative;border:0;padding:10px 16px 0;gap:10px}
#purchase-popup[data-kind="choose-size"] .sheet-top h2{font-size:13px;letter-spacing:0}
#purchase-popup[data-kind="choose-size"] .sheet-body{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
#purchase-popup[data-kind="choose-size"] .sheet-bottom-note{display:none}
#purchase-popup[data-kind="choose-size"] .mini-product{grid-template-columns:54px 1fr;gap:13px;margin:0 0 12px}
#purchase-popup[data-kind="choose-size"] .mini-product img{width:54px;height:72px}
#purchase-popup[data-kind="choose-size"] .mini-product h3{font-size:11px;margin:1px 0 5px}
#purchase-popup[data-kind="choose-size"] .meta{font-size:10px}
#purchase-popup[data-kind="choose-size"] .primary{min-height:44px;padding:13px 10px;font-size:10px}
@media(min-width:900px){#purchase-popup[data-kind="choose-size"]{inset:76px 20px auto auto;width:350px;max-height:calc(100dvh - 100px);margin:0;border:1px solid #e4ded3}}
#purchase-popup[data-position="center"]{inset:auto;top:calc(var(--popup-vv-top,0px) + var(--popup-vv-height,100dvh)/2);left:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);width:min(350px,calc(100% - 32px));height:auto;max-height:calc(var(--popup-vv-height,100dvh) - 24px);border:1px solid #e4ded3;animation:popup-center-enter 160ms ease}
@media(prefers-reduced-motion:reduce){#purchase-popup[data-position="center"]{animation:none}}
#purchase-popup[data-kind="choose-size"] .sheet-top h2{color:#a43b32}
#purchase-popup:not([open]){display:none}body:has(#purchase-popup[open]){overflow:hidden}
.purchase .size-tiles:focus{outline:0}.purchase .size-tiles{outline:1px solid transparent;outline-offset:8px;transition:outline-color 160ms ease,background-color 160ms ease}.purchase.needs-size{background:#fffefa}.purchase.needs-size .size-tiles{outline-color:transparent;background:#fffefa}.purchase.needs-size .size-heading>span{color:#a43b32}.purchase.needs-size .purchase-note:empty{display:none}
@media(prefers-reduced-motion:reduce){.purchase .size-tiles{transition:none}}
#purchase-popup .mini-product picture,#purchase-popup .mini-product img{display:block}
