/* Notifications page, the bell / badges, and the profile's header band + My Purchases (customer site). */

/* ---- badges on the bottom bar and the desktop bell ---- */
.mnav-badge{position:absolute;top:-5px;right:-9px;min-width:17px;height:17px;border-radius:999px;background:#d6457a;color:#fff;font:700 .58rem/17px 'DM Sans',sans-serif;text-align:center;padding:0 4px;box-shadow:0 0 0 2px #fff}
.mnav-badge[hidden]{display:none}
.nav-bell{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid #e9e2ee;background:#fff;color:#4e307c;cursor:pointer;margin-right:8px;transition:background .18s ease,border-color .18s ease}
.nav-bell:hover{background:#f6f0fd;border-color:#d9c9f0}
.nav-bell:focus-visible{outline:2px solid #7a52c7;outline-offset:2px}
.nav-bell .ui-icon{width:21px;height:21px}
.nav-bell[aria-current="page"]{background:#efe6fb;border-color:#cdb8ef}
.nav-bell .mnav-badge{top:-6px;right:-6px}
@media(max-width:900px){.nav-bell{display:none}}

/* ---- Notifications page ---- */
.nt-wrap{max-width:720px;margin:0 auto;padding:92px 16px 120px;color:#2c1a47}
.nt-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}
.nt-head h1{margin:0;font:700 1.6rem/1.15 'DM Sans',sans-serif;color:#2b1846}
.nt-head p{margin:4px 0 0;color:#7a6890;font-size:.88rem}
.nt-markall{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3d8f2;background:#fff;color:#5a3a8c;border-radius:999px;padding:8px 12px;font:600 .8rem 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}
.nt-markall .ui-icon{width:15px;height:15px}
.nt-markall:disabled{opacity:.5;cursor:default}
.nt-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px 14px;padding:2px 16px}
.nt-filters::-webkit-scrollbar{display:none}
.nt-filters button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:1px solid #e6dcf3;background:#fff;color:#5d4a78;border-radius:999px;padding:8px 14px;font:600 .82rem 'DM Sans',sans-serif;cursor:pointer;transition:background .16s ease,color .16s ease}
.nt-filters button[aria-selected="true"]{background:#4e307c;border-color:#4e307c;color:#fff}
.nt-filters i{font-style:normal;min-width:18px;height:18px;border-radius:999px;background:#d6457a;color:#fff;font-size:.66rem;line-height:18px;text-align:center;padding:0 5px}
.nt-filters button[aria-selected="true"] i{background:#fff;color:#4e307c}

.nt-due{border-radius:18px;padding:14px;margin-bottom:16px;background:linear-gradient(135deg,#f7efff,#fdf0f6);border:1px solid #ead9f6}
.nt-due-top{display:flex;align-items:center;gap:12px}
.nt-due-top small{display:block;color:#7a6890;font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.nt-due-top strong{font:700 1.35rem 'DM Sans',sans-serif;color:#3b2160}
.nt-due-count{margin-left:auto;background:#fff;border:1px solid #e6d6f4;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700;color:#5a3a8c}
.nt-due ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.nt-due li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-radius:12px;padding:10px 12px;font-weight:700;color:#2c1a47;font-size:.9rem}
.nt-due li small{display:block;font-weight:500;color:#7a6890;font-size:.76rem;margin-top:1px}
.nt-pay{flex:0 0 auto;background:#4e307c;color:#fff;border-radius:999px;padding:8px 14px;font:700 .8rem 'DM Sans',sans-serif;text-decoration:none;white-space:nowrap}
.nt-pay:hover{background:#3d2563}

.nt-guest{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#fff;border:1px solid #ece4f5;margin-bottom:14px}
.nt-guest p{margin:2px 0 0;color:#7a6890;font-size:.84rem}
.nt-login{margin-left:auto;flex:0 0 auto;border:0;background:#4e307c;color:#fff;border-radius:999px;padding:9px 16px;font:700 .82rem 'DM Sans',sans-serif;cursor:pointer}

.nt-group{margin:18px 4px 8px;font:700 .74rem 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#8b7aa1}
.nt-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #ece4f5;border-radius:18px;overflow:hidden}
.nt-list>li+li{border-top:1px solid #f2ecf8}
.nt-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 14px;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit;transition:background .15s ease}
.nt-item:hover{background:#faf6fe}
.nt-item:focus-visible{outline:2px solid #7a52c7;outline-offset:-2px}
.nt-item.is-unread{background:#fbf7ff}
.nt-text{min-width:0;display:grid;gap:2px}
.nt-text strong{font-size:.92rem;color:#2b1846;line-height:1.3}
.nt-item.is-unread .nt-text strong{font-weight:800}
.nt-text>span{color:#5f4f74;font-size:.84rem;line-height:1.4}
.nt-text small{display:flex;align-items:center;gap:8px;color:#9787ad;font-size:.74rem;margin-top:2px}
.nt-new{font-style:normal;background:#d6457a;color:#fff;border-radius:999px;padding:1px 7px;font-size:.64rem;font-weight:700;letter-spacing:.02em}
.nt-go{color:#bcaed0}.nt-go .ui-icon{width:18px;height:18px}
.nt-ic{flex:0 0 auto;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#efe7fb;color:#5a3a8c}
.nt-ic .ui-icon{width:21px;height:21px}
.is-ok>.nt-ic{background:#e3f6ec;color:#1f7a4c}.is-bad>.nt-ic,.nt-ic.is-bad{background:#fde6ea;color:#b4304d}.is-warn>.nt-ic{background:#fff1d9;color:#9a5b08}
.is-info>.nt-ic{background:#efe7fb;color:#5a3a8c}.is-sale>.nt-ic{background:#fde7f1;color:#c23a72}.is-post>.nt-ic{background:#e8f1fd;color:#2d65b5}
.nt-skel{display:flex;align-items:center;gap:12px;padding:14px}
.nt-skel .skel-circle{width:42px;height:42px;border-radius:13px}
.nt-skel-lines{flex:1;display:grid;gap:8px}
.nt-empty{display:grid;justify-items:center;gap:6px;text-align:center;padding:42px 18px;background:#fff;border:1px dashed #e3d8f2;border-radius:18px}
.nt-empty strong{font-size:1rem;color:#2b1846}.nt-empty p{margin:0;color:#7a6890;font-size:.88rem;max-width:32ch}
.nt-retry{margin-top:6px;border:1px solid #d9c9f0;background:#fff;color:#4e307c;border-radius:999px;padding:8px 16px;font:700 .82rem 'DM Sans',sans-serif;cursor:pointer}
@media(min-width:901px){.nt-wrap{padding-top:110px;padding-bottom:60px}}
@media(max-width:420px){.nt-head h1{font-size:1.35rem}.nt-markall{padding:7px 10px;font-size:.74rem}.nt-item{gap:10px;padding:12px}}
@media(prefers-reduced-motion:no-preference){.nt-list{animation:nt-in .28s ease both}@keyframes nt-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}

/* ---- Profile: header band with settings / cart / chat, and My Purchases ---- */
.pf-band{position:relative;display:flex;align-items:center;gap:14px;padding:18px 16px 20px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#6a43b8 0%,#8e5cc9 55%,#d77aa8 100%);box-shadow:0 10px 28px rgba(90,52,150,.22)}
.pf-band .pf-photo{width:64px;height:64px;flex:0 0 auto;border:3px solid rgba(255,255,255,.85)}
.pf-band-who{min-width:0;flex:1}
.pf-band-who h1{margin:0;font:700 1.15rem/1.2 'DM Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-band-who p{margin:2px 0 6px;opacity:.88;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-band-who .pf-badge{background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.35)}
.pf-band-tools{position:absolute;top:12px;right:12px;display:flex;gap:6px}
.pf-tool{position:relative;width:38px;height:38px;border-radius:12px;border:0;background:rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;cursor:pointer;text-decoration:none;transition:background .16s ease}
.pf-tool:hover{background:rgba(255,255,255,.3)}
.pf-tool:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pf-tool .ui-icon{width:20px;height:20px}
.pf-tool .mnav-badge{box-shadow:0 0 0 2px #8e5cc9;top:-4px;right:-4px}
.pf-band-who{padding-right:128px}
@media(max-width:380px){.pf-band-who{padding-right:0}.pf-band{flex-wrap:wrap;padding-top:58px}.pf-band-tools{top:12px}}

.pf-buy{background:#fff;border:1px solid #ece4f5;border-radius:20px;padding:14px 14px 10px;margin-top:14px}
.pf-buy-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.pf-buy-head h2{margin:0;font:700 1rem 'DM Sans',sans-serif;color:#2b1846}
.pf-buy-head button{display:inline-flex;align-items:center;gap:2px;border:0;background:none;color:#7a6890;font:600 .8rem 'DM Sans',sans-serif;cursor:pointer;padding:6px 0}
.pf-buy-head button .ui-icon{width:16px;height:16px}
.pf-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.pf-tile{position:relative;display:grid;justify-items:center;gap:6px;padding:10px 2px 8px;border:0;border-radius:14px;background:transparent;color:#4b3a63;font:600 .74rem/1.2 'DM Sans',sans-serif;cursor:pointer;text-align:center;transition:background .16s ease}
.pf-tile:hover{background:#f8f3fd}
.pf-tile[aria-pressed="true"]{background:#f1e8fc;color:#3b2160}
.pf-tile:focus-visible{outline:2px solid #7a52c7;outline-offset:1px}
.pf-tile-ic{position:relative;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f4eefb;color:#5a3a8c}
.pf-tile[aria-pressed="true"] .pf-tile-ic{background:#4e307c;color:#fff}
.pf-tile-ic .ui-icon{width:22px;height:22px}
.pf-tile .mnav-badge{top:-6px;right:-8px}
.pf-orders{list-style:none;margin:8px 0 4px;padding:0;display:grid;gap:8px}
.pf-order{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;background:#faf7fd;border:1px solid #f0e8f8}
.pf-order-thumb{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#efe3fb,#fbe4ef);display:grid;place-items:center;font:700 1rem 'DM Sans',sans-serif;color:#5a3a8c;overflow:hidden}
.pf-order-thumb img{width:100%;height:100%;object-fit:cover}
.pf-order-main{min-width:0;display:grid;gap:1px}
.pf-order-main strong{font-size:.88rem;color:#2b1846;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-order-main span{font-size:.78rem;color:#7a6890;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-order-main em{font-style:normal;font-weight:700;color:#3b2160;font-size:.82rem}
.pf-order-act{flex:0 0 auto;border:0;background:#4e307c;color:#fff;border-radius:999px;padding:8px 13px;font:700 .78rem 'DM Sans',sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
.pf-order-act.is-quiet{background:#fff;color:#4e307c;border:1px solid #d9c9f0}
.pf-buy-empty{margin:10px 0 6px;padding:16px;text-align:center;border-radius:14px;background:#faf7fd;color:#7a6890;font-size:.86rem}
.pf-buy-skel{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px 0}
.pf-buy-skel .skel{height:64px;border-radius:14px}

.pf-explore{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pf-explore button{display:grid;justify-items:center;gap:6px;padding:12px 6px;border:1px solid #efe7f8;border-radius:14px;background:#fff;color:#4b3a63;font:600 .78rem 'DM Sans',sans-serif;cursor:pointer}
.pf-explore button:hover{background:#f8f3fd}
.pf-explore .ui-icon{width:22px;height:22px;color:#6a43b8}
@media(min-width:640px){.pf-explore{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(min-width:1000px){.pf-explore{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pf-explore button{font-size:.74rem;padding:12px 4px;text-align:center;line-height:1.2}
.pf-guest{display:grid;gap:14px}
.pf-guest-cta{display:flex;gap:10px;flex-wrap:wrap}
.pf-guest-cta button{flex:1 1 140px;border:0;border-radius:999px;padding:12px 16px;font:700 .9rem 'DM Sans',sans-serif;cursor:pointer;background:#fff;color:#4e307c}
.pf-guest-cta button.is-primary{background:#2b1846;color:#fff}
.pf-cols{display:grid;gap:14px;margin-top:14px}
.pf-col{display:grid;gap:14px;align-content:start;min-width:0}
.pf-col>.pf-buy{margin-top:0}
.pf-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pf-card-head h3{margin:0}
@media(min-width:1000px){.pf-cols{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}
.pf-band .pf-photo{width:68px;height:68px;padding:3px;background:rgba(255,255,255,.9);box-shadow:none;border:0}
.pf-band .pf-photo>span{font-size:1.25rem}
.pf-band .pf-photo-btn{width:26px;height:26px;right:-4px;bottom:-2px;border-width:2px}
.pf-band .pf-photo-btn .ui-icon{width:13px;height:13px}
.pf-band .pf-badge{display:inline-block;margin-top:0;padding:3px 10px;font-size:.72rem}
.pf-col>.pf-card{margin:0}
.pf-wrap .pf-guest>.pf-card{margin:0}
.nt-due-more{display:block;margin:10px auto 0;border:0;background:none;color:#5a3a8c;font:700 .82rem 'DM Sans',sans-serif;cursor:pointer;padding:4px 8px}
/* phones held sideways: a slimmer bottom bar so more of the page shows */
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  .customer-mobile-nav{padding-top:3px;padding-bottom:max(3px,env(safe-area-inset-bottom))}
  .customer-mobile-nav button{min-height:40px;gap:0;font-size:.62rem}
  .customer-mobile-nav button>span{min-height:22px}
  .customer-mobile-nav .mobile-diy>span{width:42px;height:42px;min-height:42px;margin-top:-16px}
  .nt-wrap,.pf-wrap{padding-bottom:84px}
}

/* ---- one general colour: the landing page's "Shop now" plum (#2b1530, hover #563a8a) ---- */
:root{--lx-plum:#2b1530;--lx-plum-hover:#563a8a;--lx-plum-soft:#f3edf6}
.pf-band{background:var(--lx-plum);background-image:radial-gradient(120% 140% at 100% 0,rgba(86,58,138,.55),transparent 60%);box-shadow:0 10px 26px rgba(43,21,48,.28)}
.pf-tool .mnav-badge{box-shadow:0 0 0 2px var(--lx-plum)}
.pf-tile-ic,.pf-explore .ui-icon,.pf-ic,.pf-ic .ui-icon,.pf-round,.pf-action .ui-icon,.pf-buy-head button{color:var(--lx-plum)}
.pf-tile-ic,.pf-ic{background:var(--lx-plum-soft)}
.pf-tile[aria-pressed="true"]{background:var(--lx-plum-soft);color:var(--lx-plum)}
.pf-tile[aria-pressed="true"] .pf-tile-ic{background:var(--lx-plum);color:#fff}
.pf-order-act,.nt-pay,.nt-login{background:var(--lx-plum)}
.pf-order-act:hover,.nt-pay:hover,.nt-login:hover{background:var(--lx-plum-hover)}
.pf-order-act.is-quiet{background:#fff;color:var(--lx-plum);border-color:#d8cbdf}
.pf-order-thumb{color:var(--lx-plum)}
.nt-filters button[aria-selected="true"]{background:var(--lx-plum);border-color:var(--lx-plum)}
.nt-filters button[aria-selected="true"] i{color:var(--lx-plum)}
.nt-ic,.is-info>.nt-ic,.is-sale>.nt-ic,.is-post>.nt-ic,.nt-due-top .nt-ic{background:var(--lx-plum-soft);color:var(--lx-plum)}
.nt-markall,.nt-due-more,.nt-retry{color:var(--lx-plum)}
.nav-bell{color:var(--lx-plum)}
.nav-bell[aria-current="page"]{background:var(--lx-plum);border-color:var(--lx-plum);color:#fff}
@media(max-width:900px){
  .customer-mobile-nav button[aria-current="page"]{color:var(--lx-plum)}
  .customer-mobile-nav button[aria-current="page"] span{background:var(--lx-plum-soft)}
  #mobileCartCount{background:var(--lx-plum)}
}
html[data-theme=dark] .pf-tile-ic,html[data-theme=dark] .pf-ic,html[data-theme=dark] .nt-ic{background:#3a2440;color:#e9d9f2}
html[data-theme=dark] .pf-explore .ui-icon,html[data-theme=dark] .pf-buy-head button{color:#e9d9f2}
.pf-band .pf-photo-btn{background:var(--lx-plum-hover);border-color:var(--lx-plum)}
.pf-order-main span{white-space:normal;line-height:1.3}

/* ---- one type style: the landing hero (eyebrow · Playfair title in ink · rose italic accent · soft body text) ---- */
:root{--lx-serif:'Playfair Display',Georgia,serif;--lx-sans:'DM Sans',system-ui,sans-serif;--lx-ink:#23142a;--lx-violet:#6f4fa8;--lx-rose:#c9628f;--lx-body:#4a3d52;--lx-muted:#6e6274}
.lx-eyebrow{margin:0 0 8px;font:600 .7rem/1.2 var(--lx-sans);letter-spacing:.26em;text-transform:uppercase;color:var(--lx-violet)}
.lx-title{margin:0;font:700 clamp(1.9rem,4.6vw,2.8rem)/1.02 var(--lx-serif);letter-spacing:-.02em;color:var(--lx-ink)}
.lx-title em,.pf-buy-head h2 em,.pf-card h3 em,.pf-band-who h1 em{font-style:italic;font-weight:400;color:var(--lx-rose)}
.lx-lede{margin:10px 0 0;font:400 1rem/1.5 var(--lx-sans);color:var(--lx-body)}
.nt-head{align-items:flex-end;margin-bottom:18px}
.nt-group{font:600 .68rem/1.2 var(--lx-sans);letter-spacing:.22em;color:var(--lx-violet)}
.nt-text strong,.pf-order-main strong{color:var(--lx-ink)}
.nt-text>span,.pf-order-main span,.nt-due li small{color:var(--lx-body)}
.nt-text small,.nt-head p{color:var(--lx-muted)}
.pf-buy-head h2,.pf-card h3{font:700 1.3rem/1.15 var(--lx-serif);letter-spacing:-.01em;color:var(--lx-ink)}
.pf-card h3{margin:0 0 12px}.pf-card-head h3{margin:0}
.pf-band .lx-eyebrow{margin-bottom:4px;color:#d9c2f2}
.pf-band-who h1{font:700 clamp(1.35rem,4.2vw,1.8rem)/1.08 var(--lx-serif);letter-spacing:-.015em;color:#fff}
.pf-band-who h1 em{color:#f1a9c8}
.pf-band-who p:not(.lx-eyebrow){margin-top:4px;font-family:var(--lx-sans)}
.nt-due-top small{font:600 .66rem/1.2 var(--lx-sans);letter-spacing:.22em;color:var(--lx-violet)}
.nt-due-top strong{font-family:var(--lx-serif);color:var(--lx-ink)}
html[data-theme=dark] .lx-title,html[data-theme=dark] .pf-buy-head h2,html[data-theme=dark] .pf-card h3,html[data-theme=dark] .nt-text strong,html[data-theme=dark] .nt-due-top strong{color:#f3e9f7}
html[data-theme=dark] .lx-lede,html[data-theme=dark] .nt-text>span{color:#d6c6dc}
html[data-theme=dark] .lx-eyebrow,html[data-theme=dark] .nt-group{color:#cbb4ea}
.nt-head .lx-title{font:700 clamp(1.9rem,4.6vw,2.8rem)/1.02 var(--lx-serif);letter-spacing:-.02em;color:var(--lx-ink)}
.nt-head .lx-lede{margin:10px 0 0;font:400 1rem/1.5 var(--lx-sans);color:var(--lx-body)}
.nt-head .lx-eyebrow{margin:0 0 8px;color:var(--lx-violet);font-size:.7rem}
@media(max-width:520px){.nt-head{flex-wrap:wrap;align-items:flex-start}.nt-head>div{flex:1 1 100%}.nt-head .lx-eyebrow{letter-spacing:.18em}}
html[data-theme=dark] .nt-head .lx-title{color:#f3e9f7}html[data-theme=dark] .nt-head .lx-lede{color:#d6c6dc}
/* ---- sharp line icons: bare outline icons like a shop app (no tinted bubbles), the selected tile marked with a short bar ---- */
.pf-tile-ic,.pf-tile[aria-pressed="true"] .pf-tile-ic{width:36px;height:32px;border-radius:0;background:none;color:var(--lx-plum)}
.pf-tile-ic .ui-icon{width:27px;height:27px;stroke-width:1.4}
.pf-tile[aria-pressed="true"]{background:none;font-weight:700}
.pf-tile[aria-pressed="true"]::after{content:"";position:absolute;left:30%;right:30%;bottom:0;height:2px;background:var(--lx-plum)}
.pf-tile:hover{background:none}.pf-tile:hover .pf-tile-ic{color:var(--lx-plum-hover)}
.pf-tool{background:none}.pf-tool:hover{background:rgba(255,255,255,.14)}.pf-tool .ui-icon{width:24px;height:24px;stroke-width:1.5}
.pf-explore .ui-icon{width:24px;height:24px;stroke-width:1.4}
.customer-mobile-nav .ui-icon{stroke-width:1.5}
html[data-theme=dark] .pf-tile-ic{color:#e4d3f6}html[data-theme=dark] .pf-tile[aria-pressed="true"]::after{background:#e4d3f6}
/* ---- signed out: three tabs (Home · DIY · Profile) and no bell; the welcome Profile fits the phone ---- */
body.is-guest .customer-mobile-nav [data-mobile-destination="shop"],body.is-guest .customer-mobile-nav [data-mobile-destination="notifications"],body.is-guest #navNotifButton{display:none!important}
.pf-guest{grid-template-columns:minmax(0,1fr)}
.pf-band .lx-eyebrow{white-space:normal;overflow:visible}
.pf-band:has(.pf-band-tools:empty) .pf-band-who{padding-right:0}.pf-band:has(.pf-band-tools:empty) .pf-band-who p{white-space:normal}.pf-band-tools:empty{display:none}
@media(max-width:520px){.pf-band .lx-eyebrow{letter-spacing:.16em;font-size:.64rem}}
@media(max-width:380px){.pf-band:has(.pf-band-tools:empty){flex-wrap:nowrap;padding-top:18px}}