/* CraftRank Sites: the Embercraft design (Figma "Embercraft"). Loaded after spawn.css; every rule starts with .th-craft.
   A menu on the left with item icons, the latest buyers along the top, rounded cards, light and dark (<html data-theme>). */
@font-face{font-family:"Golos Text";src:url(/_a/fonts/golos-text-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";src:url(/_a/fonts/golos-text-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";src:url(/_a/fonts/golos-text-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";src:url(/_a/fonts/golos-text-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";src:url(/_a/fonts/golos-text-latin-800-normal.woff2) format("woff2");font-weight:800 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";src:url(/_a/fonts/golos-text-latin-ext-400-normal.woff2) format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Golos Text";src:url(/_a/fonts/golos-text-latin-ext-700-normal.woff2) format("woff2");font-weight:600 900;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--bg:#1b1b1e;--sb:#161618;--s1:#242428;--s2:#2c2c31;--s3:#36363c;--ln:#2f2f35;--ln2:#3c3c43;--tx:#c9c9cf;--mu:#8e8e97;--wh:#fff;--ok:#5fc93a;--bad:#ff6b6b;--glow:transparent}
html[data-theme=light]{--bg:#f0f0f2;--sb:#fff;--s1:#fff;--s2:#f4f4f6;--s3:#e6e6ea;--ln:#e4e4e9;--ln2:#d5d5db;--tx:#3a3a42;--mu:#6c6c76;--wh:#18181b;--ok:#3a9a1c;--bad:#c9302c}

/* one typeface everywhere, upright, sentence case */
.th-craft,.th-craft *{font-family:"Golos Text",system-ui,-apple-system,"Segoe UI",sans-serif!important;font-style:normal!important;text-transform:none!important;letter-spacing:normal}
.th-craft code,.th-craft code *{font-family:ui-monospace,Menlo,Consolas,monospace!important}
body.th-craft{background:var(--bg);color:var(--tx);font-size:15px;line-height:1.55;display:block}
.th-craft h1,.th-craft h2,.th-craft h3{font-weight:700;color:var(--wh);line-height:1.2}
.th-craft :focus-visible{outline:2px solid var(--c);outline-offset:2px;border-radius:6px}
.th-craft .skip{border-radius:8px}

/* the frame: menu on the left, the page on the right */
.ec{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,var(--sb) 249px,var(--ln) 249px 250px,transparent 250px)}
.ecs:focus{outline:none}
.ecb,.ecx{display:none}
.ecs{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--sb);border-right:1px solid var(--ln);display:flex;flex-direction:column;padding:28px 0 18px;scrollbar-width:thin}
.ecl{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;color:var(--wh);font-weight:800;font-size:21px;line-height:1.05;text-align:center;overflow-wrap:anywhere}
.ecl img{max-height:64px;max-width:190px;width:auto;height:auto}
.ecp{display:flex;align-items:center;gap:12px;margin:22px 20px 0;padding:12px 14px;background:var(--s1);border:1px solid var(--ln);border-radius:12px;color:var(--wh)}
.ecp img{width:40px;height:40px;border-radius:6px;image-rendering:pixelated;flex:none}
.ecp span{min-width:0;flex:1}.ecp small{display:block;font-size:12px;color:var(--mu);line-height:1.2}.ecp b{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ecp i{color:var(--mu);font-size:18px}.ecp:hover{border-color:var(--ln2)}
.ecn{display:flex;flex-direction:column;margin-top:10px}
.ecn h2{font-size:13px;font-weight:500;color:var(--mu);margin:16px 24px 6px}
.ecn a,.ecq{display:flex;align-items:center;gap:14px;width:100%;min-height:44px;padding:0 24px;font-size:15px;font-weight:500;color:var(--tx);text-align:left;position:relative}
.ecn a:hover,.ecq:hover{color:var(--wh);background:var(--s1)}
.ecn a.on{color:var(--wh);font-weight:700;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 20%,transparent),transparent 75%);box-shadow:inset -3px 0 0 var(--c)}
.ni{width:24px;height:24px;object-fit:contain;flex:none}
.ecn em{margin-left:auto;min-width:22px;text-align:center;font-size:12px;font-weight:700;background:var(--c);color:var(--ct);border-radius:10px;padding:1px 7px}
.ectot{display:flex;justify-content:space-between;gap:10px;margin:8px 20px 0;padding:10px 14px;background:var(--s1);border-radius:10px;font-size:13px;color:var(--mu)}.ectot b{color:var(--wh)}
.ecf{margin-top:auto;padding-top:14px;border-top:1px solid var(--ln)}
.ecf .cur{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 24px 8px;font-size:14px;color:var(--mu)}
.ecf .cur select{height:34px;padding:0 8px;background:var(--s1);border:1px solid var(--ln);border-radius:8px;color:var(--wh);font-size:14px;cursor:pointer}
.ecf form{margin:0}
.ecm{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.ecm>main{flex:1}

/* the latest buyers along the top */
.ecr{border-bottom:1px solid var(--ln);padding:16px 24px;overflow:hidden}
.ecrs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.ecrs::-webkit-scrollbar{display:none}
.ecrs>span{flex:none;display:flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;background:var(--s1);border-radius:10px}
.ecrs img{width:30px;height:30px;border-radius:6px;image-rendering:pixelated}
.ecrs>span>span{font-size:13px;font-weight:500;color:var(--wh);line-height:1.25;white-space:nowrap}
.ecrs b{display:block;font-weight:700;color:var(--c);max-width:150px;overflow:hidden;text-overflow:ellipsis}

/* bars on top */
.th-craft .annb{font-size:14px;font-weight:600;padding:9px 16px}
.th-craft .annb.demo{background:var(--sb);color:var(--mu);border-bottom:1px solid var(--ln);font-weight:500}.th-craft .annb.demo a{color:var(--c);font-weight:700}
html[data-theme=light] .th-craft .annb.mt{background:#fff1d6;color:#6b4a00}

/* columns, parts of a page, headings */
.th-craft .w{width:min(1400px,calc(100% - 48px))}
.th-craft .band,.th-craft .band.nb,.th-craft .band.sb{padding:36px 0 8px;background:none;isolation:auto;overflow:visible}
.th-craft .band:before,.th-craft .band .deco{display:none}
.th-craft .band+.band,.th-craft .gw+main>.band:first-child,.th-craft.short main>.band:first-child{padding-top:36px}
.th-craft .hd{align-items:center;gap:14px 24px;margin-bottom:20px}
.th-craft .hd>*,.th-craft .hd>.word,.th-craft .hd>.word.s,.th-craft .hd>.word.xs,.th-craft .hd>.word.ns,.th-craft .hd>.btn{margin-bottom:0}
.th-craft .hd>p:not(.word),.th-craft .hd .hx,.th-craft .hd .cdx{margin-bottom:0;max-width:560px;font-size:15px;color:var(--mu)}
.th-craft .word,.th-craft .word.s,.th-craft .word.xs{display:block;margin:0 0 18px;font-size:28px;font-weight:700;line-height:1.2;color:var(--wh);text-shadow:none}
.th-craft h1.word{font-size:32px}
.th-craft .scr,.th-craft .spk{display:none}
.th-craft .none{color:var(--mu)}
.th-craft .note{color:var(--mu);font-size:14px}

/* buttons and boxes */
.th-craft .btn{height:46px;padding:0 24px;border-radius:10px;font-size:15px;font-weight:700;background:var(--c);color:var(--ct);box-shadow:none}
.th-craft .btn.o{background:var(--s2);color:var(--wh);box-shadow:none}.th-craft .btn.o:hover{background:var(--s3)}
.th-craft .b{height:36px;border-radius:8px;font-size:14px;font-weight:700;border:0}
.th-craft .b.o{background:var(--s2);color:var(--wh);border:1px solid var(--ln2)}.th-craft .b.o:hover{border-color:var(--c)}
.th-craft .b.sm{height:32px;font-size:13px}
.th-craft .panel{background:var(--s1);border:1px solid var(--ln);border-radius:12px;padding:24px 26px}
.th-craft .panel h3{font-size:18px}
.th-craft .msg{border-radius:10px;background:color-mix(in srgb,var(--ok) 13%,var(--s1));border-left:3px solid var(--ok);color:var(--wh);font-weight:500}
.th-craft .msg.bad{background:color-mix(in srgb,var(--bad) 13%,var(--s1));border-color:var(--bad)}
.th-craft .gw{position:relative;z-index:1;width:min(1400px,calc(100% - 48px));margin:24px auto 0}
.th-craft .goal .gw{width:auto;margin:0}

/* home: the big picture */
.ech{position:relative;display:flex;align-items:center;min-height:300px;padding:40px 36px;background:linear-gradient(90deg,var(--bg) 0,color-mix(in srgb,var(--bg) 82%,transparent) 32%,transparent 72%),var(--bi,var(--hero)) center/cover no-repeat,var(--s1)}
.echx{max-width:540px}
.ech h1{font-size:38px;font-weight:800;line-height:1.15}
.ech p{margin:14px 0 24px;font-size:15px;color:var(--tx);max-width:470px}
.echa{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.echa .btn{min-width:78px}
.ecln{font-size:15px;font-weight:600;color:var(--wh)}.ecln i{color:var(--mu);margin-left:4px}.ecln:hover{color:var(--c)}
.echip{display:block;margin-top:14px;font-size:13px;color:var(--mu)}.echip b{color:var(--wh);font-weight:600}
.ecsec{width:min(1400px,calc(100% - 48px));margin:0 auto;padding-top:34px}
.echd{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap;margin-bottom:18px}
.echd h2{font-size:26px}
.pill{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;background:var(--s1);border:1px solid var(--ln);border-radius:8px;font-size:14px;color:var(--mu)}.pill b{color:var(--wh)}.pill:after{content:"";width:10px;height:10px;border-radius:3px;background:var(--c)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.chips a{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 8px;background:var(--s1);border:1px solid var(--ln);border-radius:8px;font-size:14px;font-weight:600;color:var(--wh)}
.chips img{width:24px;height:24px;object-fit:contain}.chips a:hover{border-color:var(--c)}
.sss{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ss{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--s1);border:1px solid var(--ln);border-radius:12px;text-align:left;color:var(--tx);min-width:0}
.ss>img{width:44px;height:44px;object-fit:contain;flex:none}
.ss>span{min-width:0;flex:1}.ss b{display:block;font-size:15px;font-weight:700;color:var(--wh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss small{display:block;font-size:12.5px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssb{display:block;height:4px;margin-top:8px;background:var(--s3);border-radius:2px;overflow:hidden}.ssb i{display:block;height:100%;background:var(--c);border-radius:2px}
.ss em{align-self:flex-start;width:9px;height:9px;border-radius:3px;flex:none}.ss em.up{background:var(--ok)}.ss em.dn{background:var(--mu)}
.ss .dci{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:10px;background:#5865f2}.ss .dci svg{width:24px;height:24px;fill:#fff}
a.ss:hover,button.ss:hover{border-color:var(--ln2)}
.th-craft .ban{margin-top:16px;border:0;border-radius:12px}

/* package cards */
.th-craft .items,.th-craft .items.g4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.th-craft .it{background:var(--s1);border:1px solid transparent;border-radius:12px;padding:20px 20px 18px;transition:border-color .15s}
.th-craft .it:hover{border-color:var(--ln2)}
.th-craft .it.best{border-color:transparent}
.th-craft .it .pic,.th-craft .it .pic.ni{flex:none;width:150px;height:150px;max-width:100%;aspect-ratio:auto;margin:0 auto;border-radius:50%;background:color-mix(in srgb,var(--c) 26%,var(--s2));overflow:hidden;display:block}
.th-craft .it .pic img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.th-craft .it .pic.ni{display:grid;place-items:center}.th-craft .it .pic.ni img{width:56%;height:auto;object-fit:contain;filter:none}
.th-craft .it small{left:14px;top:14px;border-radius:6px;font-size:12px;font-weight:700;padding:2px 9px}
.th-craft .it .bd{padding:18px 0 0}
.th-craft .it h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:700}
.th-craft .it h3 em{font-size:11px;font-weight:700;color:var(--ok);border:1px solid var(--ok);border-radius:10px;padding:0 7px;line-height:18px}
.th-craft .it .d{font-size:13px;color:var(--mu)}
.th-craft .it .pr{padding-top:8px}
.th-craft .it .pr a.buy{display:inline;height:auto;padding:0;background:none;color:var(--tx);font-size:15px;font-weight:500}
.th-craft .it .pr a.buy b{color:var(--c);font-weight:700}.th-craft .it .pr a.buy s{font-size:13px;color:var(--mu);margin:0 2px}.th-craft .it .pr a.buy i{color:var(--mu);margin-left:2px}
.th-craft .it .pr a.buy:hover b{text-decoration:underline;text-underline-offset:3px}

/* goal */
.th-craft .goal,.th-craft .goal.hastop{margin:14px 0 0;padding:22px 26px;background:var(--s1);border:1px solid var(--ln);border-radius:12px;gap:24px;overflow:hidden;grid-template-columns:200px minmax(0,1fr)}
.th-craft .goal.hastop{grid-template-columns:200px minmax(0,1fr) 230px}
.th-craft .goal:before{display:none}
.th-craft .goal .word{font-size:22px;margin:0}
.th-craft .gv b{font-size:34px;font-weight:800;color:var(--wh)}.th-craft .gv span{font-size:14px;color:var(--mu)}.th-craft .gv em{font-size:20px;font-weight:800;color:var(--c)}
.th-craft .gbar{height:12px;margin-top:12px;background:var(--s3);border:0;border-radius:6px;transform:none}
.th-craft .gbar i{border-radius:6px;background:var(--c);box-shadow:none}.th-craft .gbar s{display:none}
.th-craft .gs{font-size:12px;font-weight:500;color:var(--mu)}
.th-craft .goal .gm p{font-size:14px;color:var(--tx)}.th-craft .goal .gm p.gt{font-size:16px;color:var(--wh)}
.th-craft .gp img{height:170px;bottom:-24px;filter:none}
.th-craft .gp small{font-size:13px;font-weight:600;color:var(--c)}.th-craft .gp b{font-size:18px;font-weight:700;color:var(--wh)}

/* the sale */
.th-craft .sale{justify-content:flex-start;gap:30px;padding:26px 30px;background:var(--s1);border:1px solid var(--ln);border-radius:14px}
.th-craft .sale .pct{font-size:72px;font-weight:800;line-height:.9;text-shadow:none}
.th-craft .sale .sm .word{margin:0 0 4px;white-space:normal;font-size:24px}
.th-craft .sale .sm p{font-size:14px;color:var(--mu)}
.th-craft .sale .cd span{width:72px;padding:10px 0;background:var(--s2);border:0;border-radius:10px}
.th-craft .sale .cd b{font-size:26px;font-weight:800;color:var(--wh)}.th-craft .sale .cd small{font-size:12px;color:var(--mu)}
.th-craft .sale>.btn{margin-left:auto;align-self:center}
.th-craft .al{border-radius:10px;background:var(--s1);border:1px solid var(--ln);border-left:4px solid var(--c)}
.th-craft .al.sale{border:0;padding:0;background:none}
.th-craft .al.sale .tk{clip-path:none;border-radius:10px 0 0 10px}
.th-craft .al.sale .pct{font-size:34px;font-weight:800}.th-craft .al.sale .t b{font-size:18px;font-weight:700}
.th-craft .al.sale .cd{clip-path:none;border-radius:0 10px 10px 0;border-left:3px dashed var(--bg)}
.th-craft .al .cd b,.th-craft .al.sale .cd b{font-size:24px;font-weight:800;color:var(--wh)}

/* news, what you can do, info */
.th-craft .news{gap:12px}
.th-craft .nw{background:var(--s1);border:1px solid transparent;border-radius:12px;overflow:hidden}
.th-craft .nw img{height:200px}
.th-craft .nw time{font-size:12px;font-weight:600}
.th-craft .nw b{font-size:18px;font-weight:700;color:var(--wh)}
.th-craft .nw>span>span{font-size:14px;color:var(--mu)}
.th-craft .nw:hover{border-color:var(--ln2)}
.th-craft .feat{gap:12px}
.th-craft .fc{border:0;border-radius:12px;background:var(--s1)}
.th-craft .fc:before{background:linear-gradient(transparent 30%,rgba(10,10,12,.9))}
.th-craft .fc:not(.noimg) h3{color:#fff}.th-craft .fc:not(.noimg) p{color:#e2e2e6}
.th-craft .fc h3{font-size:19px}.th-craft .fc p{font-size:14px;color:var(--tx)}
.th-craft .cmd{background:var(--s2);color:var(--wh);border-radius:4px}.th-craft .fc:not(.noimg) .cmd{background:rgba(255,255,255,.14);color:#fff}
.th-craft .wk{font-size:14px;font-weight:700}
.th-craft .cta{justify-content:flex-start;margin-top:22px}
.th-craft .info{gap:12px}.th-craft .info .md{font-size:15px;color:var(--tx)}

/* text pages, news posts, wiki, staff, vote, patrons */
.th-craft .doc{max-width:900px}
.th-craft .doc time{font-size:13px;font-weight:600}
.th-craft .doc.post h1{font-size:34px;text-shadow:none;margin-bottom:18px}
.th-craft .doc .lead{border:0;border-radius:14px}
.th-craft .at{font-size:28px}
.th-craft .md{font-size:16px;color:var(--tx)}.th-craft .md h2{font-size:24px}.th-craft .md h3{font-size:19px}
.th-craft .md code{background:var(--s2);border-radius:4px}.th-craft .md img{border-radius:10px}
.th-craft .back{font-size:15px;font-weight:700}
.th-craft .wnav{gap:2px}
.th-craft .wnav a{border-left:2px solid var(--ln);font-size:15px;font-weight:500;color:var(--tx);border-radius:0 8px 8px 0}
.th-craft .wnav a.on,.th-craft .wnav a:hover{border-color:var(--c);color:var(--wh);background:color-mix(in srgb,var(--c) 10%,transparent)}
.th-craft .staff{gap:12px}
.th-craft .staff .sm{border:0;border-radius:12px}
.th-craft .staff b{font-size:18px;font-weight:700;color:var(--wh)}.th-craft .staff span{font-size:14px;font-weight:600;color:var(--c)}
.th-craft .vt{border-radius:12px}.th-craft .vt b{font-size:17px;font-weight:700;color:var(--wh)}.th-craft .vt small{color:var(--mu)}
.th-craft .sh2{font-size:22px}
.th-craft .pa{border-radius:12px;border-color:transparent}.th-craft .pa:first-child{border-color:var(--c)}
.th-craft .pa em{font-size:22px;font-weight:800}.th-craft .pa b{font-size:15px;font-weight:700;color:var(--wh)}
.th-craft .patc h2{font-size:20px}.th-craft .patr .pn{font-size:16px;font-weight:700}.th-craft .patr img{border-radius:6px}.th-craft .patr b{font-size:15px}

/* the store: categories on the left */
.th-craft .grid{grid-template-columns:240px minmax(0,1fr);gap:20px}
.th-craft .cnav{gap:6px}
.th-craft .cnav .stab{font-size:13px;font-weight:500;color:var(--mu);margin:0 0 4px 4px}
.th-craft .cnav>a{padding:6px 12px 6px 6px;background:var(--s1);border:1px solid var(--ln);border-radius:10px;font-size:15px;font-weight:600;color:var(--wh)}
.th-craft .cnav>a .t{width:38px;height:38px;background:var(--s2);border-radius:8px}
.th-craft .cnav>a .t img{width:28px;height:28px;filter:none}
.th-craft .cnav>a:hover{border-color:var(--ln2)}
.th-craft .cnav>a.on{border-color:var(--c);box-shadow:none;background:color-mix(in srgb,var(--c) 10%,var(--s1))}
.th-craft .cnav .n{border-radius:6px;font-size:11px;font-weight:700}
.th-craft .cnav .sub a{border-left:1px solid var(--ln);font-size:14px;font-weight:500}
.th-craft .rec{border-radius:12px;padding:16px}
.th-craft .rec .stab{font-size:15px;margin-bottom:6px}
.th-craft .rec>div{border-top:1px solid var(--ln)}.th-craft .rec img{border-radius:6px}.th-craft .rec b{font-size:14px;font-weight:700}
.th-craft .kids a{border-radius:10px}
.th-craft .cmp{border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden}
.th-craft .cmp th,.th-craft .cmp td{border-bottom:1px solid var(--ln);color:var(--tx);font-size:15px;font-weight:500}
.th-craft .cmp thead th{font-size:17px;font-weight:700;color:var(--wh)}
.th-craft .cmp thead th img{border:0;border-radius:50%;width:84px;height:84px}
.th-craft .cmp thead th small{font-size:20px;font-weight:800;color:var(--wh)}.th-craft .cmp thead th small s{color:var(--mu)}
.th-craft .cmp tbody th{color:var(--wh);font-weight:600}
.th-craft .cmp .ck{color:var(--ok)}.th-craft .cmp .no{color:var(--mu)}
.th-craft .lv>div{border-radius:12px}
.th-craft .lv>div>img,.th-craft .lv>div>i{border-radius:8px;background:var(--s2)}
.th-craft .lv b{font-size:16px;font-weight:700}.th-craft .lv strong{font-size:18px;font-weight:800}.th-craft .lv strong s{color:var(--mu)}
.th-craft .lv a{border-radius:8px;font-size:13px;font-weight:700}

/* one package */
.th-craft .pd{gap:40px}
.th-craft .pd>img,.th-craft .pd>.noimg{border:0;border-radius:16px;box-shadow:none;background:color-mix(in srgb,var(--c) 22%,var(--s2))}
.th-craft .pd>.noimg img{filter:none}
.th-craft .crumb{font-size:14px;font-weight:500}
.th-craft .pd .word{font-size:34px;margin:0 0 10px}
.th-craft .pp{font-size:30px;font-weight:800}.th-craft .pp s{font-size:18px;color:var(--mu)}
.th-craft .up{border-radius:8px;background:color-mix(in srgb,var(--ok) 13%,var(--s1));border-left:3px solid var(--ok);color:var(--wh);font-weight:500}
.th-craft .stock{color:#e8933a;font-weight:600}
.th-craft .pd .md{font-size:15.5px}

/* basket, checkout, forms */
.th-craft .store{grid-template-columns:minmax(0,1fr) 380px}
.th-craft .store .smain>.word{margin-bottom:20px}
.th-craft .bx{border-radius:14px;padding:24px 26px}
.th-craft .bx h2{font-size:20px}
.th-craft .li{border-top:1px solid var(--ln);font-size:15px;font-weight:500;color:var(--tx)}
.th-craft .li.disc,.th-craft .li.disc span{color:var(--ok)}
.th-craft .tot{border-top:1px solid var(--ln2);font-size:22px;font-weight:800}
.th-craft .f{font-size:13.5px;font-weight:600;color:var(--tx)}
.th-craft .fi{height:46px;background:var(--s2);border:1px solid var(--ln2);border-radius:10px;font-size:15px;font-weight:500;color:var(--wh)}
.th-craft .fi:focus{border-color:var(--c)}
.th-craft .pm label{border-radius:10px;background:var(--s2);border:1px solid var(--ln2);font-size:14px;font-weight:600;color:var(--wh)}
.th-craft .pay{height:50px;border-radius:10px;font-size:16px;font-weight:700}
.th-craft .cpn button{border-radius:10px;box-shadow:inset 0 0 0 1px var(--ln2);font-size:14px;font-weight:700}
.th-craft .err{color:var(--bad)}
.th-craft .agree,.th-craft .alt{color:var(--mu)}
.th-craft .lines{border-radius:12px}
.th-craft .lines .ln{border-top:1px solid var(--ln)}
.th-craft .lines b{font-size:16px;font-weight:700}.th-craft .lines small{color:var(--mu)}.th-craft .lines strong{font-size:18px;font-weight:800}
.th-craft .authw{grid-template-columns:minmax(0,1fr) 420px;gap:40px}
.th-craft .ah .word{font-size:34px}
.th-craft .ah>p:not(.word){font-size:16px;color:var(--tx)}
.th-craft .af{border-radius:14px}.th-craft .af h1{font-size:22px}

/* account */
.th-craft .ach{border:0;border-radius:14px;background:linear-gradient(90deg,var(--s1) 0,color-mix(in srgb,var(--s1) 85%,transparent) 38%,transparent 70%),var(--room) right center/cover no-repeat,var(--s1)}
.th-craft .ach h1{font-size:36px;font-weight:800;text-shadow:none}
.th-craft .ach .ok{color:var(--ok)}
.th-craft .acg{grid-template-columns:240px minmax(0,1fr);gap:20px}
.th-craft .acs{border:0;border-radius:14px}
.th-craft .acs>h2{font-size:22px;font-weight:700}
.th-craft .aco,.th-craft .acr,.th-craft .acf,.th-craft .acx,.th-craft .acnone{border-top:1px solid var(--ln)}
.th-craft .aco .aci img,.th-craft .acr img{background:var(--s2);border-radius:8px}
.th-craft .acr .acbar{background:var(--s3);border-radius:3px}.th-craft .acr .acbar i{border-radius:3px}
.th-craft .acl code{background:var(--s2);border:1px solid var(--ln2);border-radius:10px}
.th-craft .acd .dm{border-radius:12px}
.th-craft .acn>a em{border-radius:8px}
.th-craft .acst.d{color:var(--ok)}
.th-craft .acn form{border-top:1px solid var(--ln)}
.th-craft .ot{border-radius:12px;overflow:hidden}.th-craft .ot th,.th-craft .ot td{border-bottom:1px solid var(--ln)}

/* footer */
.th-craft .ft{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 60px;align-items:start;padding:40px;margin-top:40px;background:var(--bg);border-top:1px solid var(--ln);font-size:14px;font-weight:500;color:var(--mu)}
.th-craft .ft .ecl{justify-content:flex-start;padding:0;min-height:0;font-size:19px}.th-craft .ft .ecl img{max-height:48px}
.ftm p{margin:0;font-size:13px;color:var(--mu)}
.ftm nav{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:14px}.ftm nav a{color:var(--wh)}.ftm nav a:hover{color:var(--c)}
.th-craft .ft .ftc{border:0;padding:0;margin:8px 0 0;font-size:12.5px;color:var(--mu)}
.ftl{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}.ftl a,.ftl span{color:var(--wh)}.ftl a:hover{color:var(--c)}.ftl small{display:block;color:var(--mu);font-size:12px}

/* phones and small windows: the menu slides in from the left */
@media (max-width:980px){
  .ec{grid-template-columns:minmax(0,1fr)}
  .ecb{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:60px;padding:0 16px;background:var(--sb);border-bottom:1px solid var(--ln)}
  .ecb .ecl{padding:0;justify-content:flex-start;min-height:0;font-size:18px;margin-right:auto}.ecb .ecl img{max-height:38px}
  .ecbk{position:relative;display:grid;place-items:center;width:40px;height:40px;background:var(--s1);border-radius:8px}
  .ecbk b{position:absolute;right:-4px;top:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--c);color:var(--ct);font-size:11px;line-height:18px;text-align:center}
  .ecmb{display:flex;align-items:center;height:40px;padding:0 14px;background:var(--s1);border-radius:8px;font-size:14px;font-weight:600;color:var(--wh)}
  .ecs{position:fixed;left:0;top:0;bottom:0;z-index:40;width:min(300px,86vw);height:auto;transform:translateX(-105%);transition:transform .2s;box-shadow:0 0 0 100vmax transparent;padding-top:16px}
  .ecs:target{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.55)}
  .ecx{display:block;align-self:flex-end;margin:0 16px 8px;padding:6px 12px;background:var(--s1);border-radius:8px;font-size:13px;font-weight:600;color:var(--wh)}
  .ecr{padding:12px 16px}
  .th-craft .w,.ecsec,.th-craft .gw{width:calc(100% - 32px)}
  .ec{background:none}
  .th-craft .goal .gw{width:auto}
  .ech{min-height:280px;padding:30px 18px;background:linear-gradient(0deg,var(--bg) 4%,color-mix(in srgb,var(--bg) 70%,transparent) 55%,color-mix(in srgb,var(--bg) 25%,transparent)),var(--bi,var(--hero)) center/cover no-repeat,var(--s1);align-items:flex-end}
  .ech h1{font-size:28px}
  .chips{margin-left:0}
  .th-craft .goal,.th-craft .goal.hastop{grid-template-columns:1fr;gap:8px}
  .th-craft .ft{grid-template-columns:1fr;padding:30px 16px;gap:18px}.ftl{align-items:flex-start;text-align:left}
}
@media (prefers-reduced-motion:reduce){.ecs{transition:none}}
@media (max-width:560px){
  .th-craft .items,.th-craft .items.g4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .th-craft .it{padding:14px 12px}.th-craft .it .pic,.th-craft .it .pic.ni{width:100px;height:100px}.th-craft .it h3{font-size:15px}.th-craft .it .pr a.buy{font-size:14px}
  .sss{grid-template-columns:1fr}
  .th-craft .sale{padding:20px}.th-craft .sale .pct{font-size:56px}.th-craft .sale>.btn{margin-left:0}
  .echd h2{font-size:22px}.th-craft .word,.th-craft h1.word{font-size:26px}
}
