/* sst-currency-switch-20261109: header currency button (looks like the language button next to it) + drawer list on phones */
/* 20261111 (owner): with another currency chosen the MAIN price is that currency, the yen price is the small one after it.
   The ¥ text in the page is not rewritten (other scripts read it). currency-switch.js only puts
   data-sst-cur-main="US$72" data-sst-cur-yen="¥11,399" + the element's own font size (--sst-cur-fs / --sst-cur-lh) on a
   priced element; here its own text is shrunk to nothing and both prices are drawn from the attributes.
   :not(#sst-n1)... = weight only, so the theme's own !important font sizes cannot bring the ¥ text back. */
[data-sst-cur-main]:not(#sst-n1):not(#sst-n2):not(#sst-n3):not(#sst-n4),
[data-sst-cur-main]:not(#sst-n1):not(#sst-n2):not(#sst-n3):not(#sst-n4) *{font-size:0!important;line-height:0!important;transition:none!important}
/* main price: the element's own size, weight and colour */
[data-sst-cur-main]:not(#sst-n1):not(#sst-n2):not(#sst-n3):not(#sst-n4)::before{content:attr(data-sst-cur-main)!important;display:inline!important;position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;transform:none!important;opacity:1!important;font-size:var(--sst-cur-fs,1rem)!important;line-height:var(--sst-cur-lh,normal)!important;white-space:nowrap!important}
/* small yen price: the price's own colour, softened, so it reads on light cards, red sale prices and dark bars alike */
[data-sst-cur-main][data-sst-cur-yen]:not(#sst-n1):not(#sst-n2):not(#sst-n3):not(#sst-n4)::after{content:attr(data-sst-cur-yen)!important;content:attr(data-sst-cur-yen) / ""!important;display:inline-block;position:static!important;float:none!important;width:auto!important;height:auto!important;margin:0 0 0 .4em;padding:0!important;border:0!important;background:none!important;transform:none!important;font-size:max(11px,calc(var(--sst-cur-fs,1rem)*.62))!important;font-weight:500;line-height:1.2!important;color:inherit;opacity:.62;white-space:nowrap!important;letter-spacing:0;text-transform:none;text-decoration:none!important;font-style:normal;vertical-align:baseline;font-variant-numeric:tabular-nums;text-shadow:none}
/* a line of words with an amount inside ("SAVE US$31 · 40% below US") wraps like the line it replaces */
[data-sst-cur-main][data-sst-cur-wrap]:not(#sst-n1):not(#sst-n2):not(#sst-n3):not(#sst-n4)::before{white-space:inherit!important}
/* a price that could wrap before its small guide can still do so */
.woocommerce-Price-amount[data-sst-cur-main]:not(#sst-n1):not(#sst-n2):not(#sst-n3):not(#sst-n4){white-space:normal!important}
/* cart column: too narrow for both on one line -> the yen price on its own small line under the main price */
#sst-crail [data-sst-cur-main][data-sst-cur-yen]:not(#sst-n1):not(#sst-n2):not(#sst-n3):not(#sst-n4)::after{display:block;margin:1px 0 0;font-size:10.5px!important}
#sst-crail .sst-crail__total [data-sst-cur-main][data-sst-cur-yen]:not(#sst-n1):not(#sst-n2):not(#sst-n3):not(#sst-n4)::after{font-size:11px!important}
.sst-header__currency{position:relative;display:block}
.sst-header__currency .sst-cur__summary{white-space:nowrap}
.sst-header__currency .sst-cur__label{font-variant-numeric:tabular-nums}
.sst-header__currency .sst-cur__menu{width:250px;min-width:250px;left:auto;right:0;display:block;padding:8px}
.sst-cur__head{margin:2px 4px 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sst-muted,#6b6b6b)}
.sst-cur__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.sst-header__currency .sst-cur__item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;border:0;background:none;font:inherit;font-size:13px;line-height:1.2;text-align:left;cursor:pointer;min-height:0;box-shadow:none;text-transform:none;letter-spacing:0}
.sst-header__currency .sst-cur__item:not(.is-active):hover{background:var(--sst-soft-hover,#f4f4f5)}
.sst-cur__code{font-weight:600}
.sst-cur__sym{color:var(--sst-muted,#6b6b6b);font-size:12px}
.sst-cur__item.is-active .sst-cur__sym,.sst-nav__currency-item.is-active .sst-cur__sym{color:inherit}
.sst-cur__note{margin:8px 4px 2px;padding-top:8px;border-top:1px solid var(--sst-line,#e8e8e8);font-size:11.5px;line-height:1.4;color:var(--sst-muted,#6b6b6b);white-space:normal}
.sst-cur__rates{margin:4px 4px 0;font-size:11px;line-height:1.35;color:var(--sst-muted,#8a8a8a)}
html[data-sst-theme="dark"] .sst-header__currency .sst-cur__item:not(.is-active):hover{background:rgba(255,255,255,.06)}
html[data-sst-theme="dark"] .sst-cur__note{border-top-color:rgba(255,255,255,.1)}

/* checkout Wise box: "we only charge in yen" reminder (replaces "Available in 40+ currencies") */
.sst-pm__bullets li[data-sst-yen-only]{font-weight:600;color:var(--sst-ink,#1a1a1a)}
html[data-sst-theme="dark"] .sst-pm__bullets li[data-sst-yen-only]{color:var(--sst-ink,#ececec)}

/* phones / narrow: header button hidden (same as the language button), list in the menu drawer instead */
@media (max-width:900px){.sst-header__currency{display:none!important}}
@media (min-width:901px){.sst-nav__currency{display:none}}
.sst-nav__currency{padding:14px 20px 4px;border-top:1px solid var(--sst-line,#e8e8e8)}
.sst-nav-wrap .sst-nav__currency{margin:0;padding:8px var(--sst-drawer-x,20px)!important}
.sst-nav__currency .sst-nav__language-title{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sst-muted,#6b6b6b)}
.sst-nav-wrap .sst-nav__currency .sst-nav__language-title{min-height:44px;margin:0;font-size:16px!important;font-weight:500!important;letter-spacing:.3px;text-transform:none}
.sst-nav__currency .sst-nav__language-title::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v5M18 9.5v5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v5M18 9.5v5'/%3E%3C/svg%3E")}
.sst-nav__currency-list{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.sst-nav__currency .sst-nav__currency-item{display:flex!important;align-items:center;justify-content:space-between!important;gap:6px;width:100%;margin:0;border:0;background:none;font:inherit;font-size:14px;line-height:1.3;text-align:left;cursor:pointer;min-height:40px;padding:8px 10px;border-radius:4px;box-shadow:none;text-transform:none;letter-spacing:0;color:var(--sst-ink,#1a1a1a)}
.sst-nav__currency .sst-nav__currency-item.is-active{color:#9e2c5f!important;background:#faf3f7;font-weight:600}
html[data-sst-theme="dark"] .sst-nav__currency .sst-nav__currency-item{color:var(--sst-ink,#ececec)}
html[data-sst-theme="dark"] .sst-nav__currency .sst-nav__currency-item.is-active{color:var(--sst-accent-text,#e58bb5)!important;background:var(--sst-soft,#2a1c23)}
.sst-nav__currency .sst-cur__note{margin:6px 0 4px;border-top:0;padding-top:0}