/* MoonVale commerce: its own trading market scene, with surfaces matching the player profile. */
body:has(.commerce){background:#0c0912}
body:has(.commerce) #content>.container{max-width:1264px;padding-top:28px!important}
.commerce{--shop-line:#c58bd528;--shop-muted:#b7a1c5;--shop-accent:#e4a3ec;color:#f6e8f5;min-width:0}
.commerce *{box-sizing:border-box}
.commerce a{text-decoration:none}
.commerce a:focus-visible,.commerce summary:focus-visible{outline:2px solid #f1bef7;outline-offset:5px;border-radius:6px}
.commerce-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}
.commerce-brand{display:flex;gap:10px;align-items:center;font-size:.87rem;font-weight:600;color:#f3def4}
.commerce-brand>span:first-child{font-size:21px;color:#e6a3e9}
.commerce-brand>span:last-child{font-weight:400;color:#af97bc}
.commerce-brand-divider{color:#66536f;font-weight:400;margin:0 3px}
.commerce-topline nav{display:flex;gap:5px}
.commerce-topline nav a{color:#bca7c9;font-size:.76rem;padding:10px 15px;min-height:40px;display:flex;align-items:center;border:1px solid transparent;border-radius:8px}
.commerce-topline nav a:hover,.commerce-topline nav [aria-current]{color:#f3def5;background:#c58bd50b;border-color:var(--shop-line)}
.commerce-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,.7fr);overflow:hidden;border:1px solid #8f58ac55;border-radius:24px;background:linear-gradient(100deg,#1a1024f2 0%,#21142bd9 38%,#21142b45 62%,#21142b0d 100%),url('../img/moonvale-market-v1.webp?v=15fbae93c664') center/cover;box-shadow:0 25px 70px #0003}
.commerce-hero:after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(0deg,#150c20ed,transparent 80%);pointer-events:none}
.commerce-hero-copy{padding:44px 0 34px 40px;align-self:center;min-width:0}
.commerce-kicker{font:10px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.15em;color:#c9a2d4;margin:0 0 14px}
.commerce-hero h1{font-size:clamp(2.3rem,4.6vw,4rem);font-weight:600;line-height:1.1;letter-spacing:-.052em;margin:0 0 18px;color:#fff3ff}
.commerce-hero h1 span{color:#ebc5ef}
.commerce-hero-copy>p:not(.commerce-kicker){font-size:.87rem;line-height:1.8;color:#cab5d5;max-width:43ch;margin:0 0 25px}
.commerce-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;padding:12px 18px;border:1px solid #dfa0eb69;border-radius:9px;color:#f9eafa;background:linear-gradient(110deg,#7d438c7a,#603b7b7a);font-size:.8rem;font-weight:500;transition:background .2s,border-color .2s,transform .2s}
.commerce-button:hover{color:#fff;background:#8c4fa58c;border-color:#e5adee;transform:translateY(-1px)}
.commerce-hero-art{position:relative;display:grid;place-items:center;min-width:0;padding:22px 38px 22px 0;isolation:isolate}
.commerce-orbit{position:absolute;width:230px;height:230px;border:1px solid #d1a0e62b;border-radius:50%;box-shadow:0 0 65px #d782ef13,inset 0 0 45px #d782ef12}
.commerce-orbit:before,.commerce-orbit:after{content:"";position:absolute;inset:16px;border:1px dashed #d1a0e620;border-radius:50%}
.commerce-orbit:after{inset:-25px;border-style:solid;border-color:#d1a0e60d}
.commerce-hero-emblem{width:155px;height:155px;color:#e5b8ee;filter:drop-shadow(0 16px 15px #13062077) drop-shadow(0 0 24px #e2adf029);transform:rotate(-7deg)}
.commerce-hero-emblem svg{width:100%;height:100%}
.commerce-spark{position:absolute;color:#edb8ef}
.commerce-spark-one{font-size:27px;left:9%;top:23%;opacity:.65}.commerce-spark-two{font-size:13px;right:20%;bottom:21%;opacity:.6}
.commerce-art-caption{position:absolute;bottom:37px;font:8px/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.18em;color:#dec0e67d;text-align:center}
.commerce-hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d6a7e51f;margin:0 32px;padding:15px 8px;font-size:.7rem;color:#b69ac7}
.commerce-hero-bottom>span:first-child>span{color:#dfb3eb;margin-right:7px}.commerce-hero-bottom>a{display:flex;align-items:center;gap:10px;color:#bca3ca}.commerce-hero-bottom strong{font-weight:500;color:#f1d7f3}
.commerce-notice{display:flex;align-items:flex-start;gap:10px;margin:20px 0 32px;font-size:.72rem;line-height:1.7;color:#bfaacb}
.commerce-notice>span{color:#dfb8e8;font-size:.9rem}
.commerce-offer{scroll-margin-top:100px}
.commerce-offer-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}
.commerce-offer-heading .commerce-kicker{font-size:9px;margin-bottom:8px}
.commerce-offer h2,.commerce-how h2{font-size:clamp(1.35rem,2.8vw,1.9rem);font-weight:550;letter-spacing:-.035em;margin:0;color:#f6e7f6}
.commerce-offer-heading>span{color:#a68eB6;font-size:.7rem;white-space:nowrap;padding-bottom:4px}
.commerce-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.commerce-categories a{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;min-height:42px;color:#bca4c9;border:1px solid var(--shop-line);border-radius:8px;font-size:.74rem;transition:background .2s,color .2s}
.commerce-categories a:hover{background:#b56cce12;color:#f6def6}
.commerce-categories a[aria-current]{color:#f2d9f6;background:#86549c27;border-color:#bc8cc659}
.commerce-count{font-size:.64rem;color:#a58ab3;font-variant-numeric:tabular-nums}.commerce-categories [aria-current] .commerce-count{color:#e5bfec}
.commerce-categories .commerce-subcategory{border-style:dashed}
.commerce-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.commerce-card{--item-light:#c7a6ee;min-width:0;border:1px solid #8b659d40;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#1f1628,#15101d);transition:transform .25s,border-color .25s,box-shadow .25s}
.commerce-variant-rank{--item-light:#e8c891}.commerce-variant-bundle{--item-light:#e7a9cf}.commerce-variant-item{--item-light:#a9cfdd}
.commerce-card:hover,.commerce-card:focus-within{transform:translateY(-4px);border-color:#bc8cc682;box-shadow:0 14px 32px #0003}
.commerce-card-link{height:100%;display:flex;flex-direction:column;color:inherit}
.commerce-card-link:hover{color:inherit}
.commerce-card:focus-within{outline:2px solid #e5b3ec;outline-offset:4px}.commerce-card-link:focus-visible{outline:none}
.commerce-card-art{position:relative;min-height:176px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--item-light) 11%,transparent),transparent 68%);border-bottom:1px solid #b78dcc15;isolation:isolate}
.commerce-card-art:after{content:"";position:absolute;width:122px;height:22px;bottom:12px;border-radius:50%;border:1px solid color-mix(in srgb,var(--item-light) 13%,transparent);background:radial-gradient(ellipse,color-mix(in srgb,var(--item-light) 8%,transparent),transparent 70%);z-index:-1}
.commerce-card-category{position:absolute;top:17px;left:18px;font-size:.62rem;color:#bca0c9;letter-spacing:.02em}
.commerce-item-symbol{width:94px;height:94px;margin:24px 0 10px;color:var(--item-light,#c7a6ee);filter:drop-shadow(0 8px 15px #0005);transition:transform .3s}
.commerce-item-symbol svg{width:100%;height:100%}
.commerce-card:hover .commerce-item-symbol{transform:translateY(-3px) rotate(-3deg)}
.commerce-card-star{position:absolute;right:25px;top:52px;color:var(--item-light);opacity:.35;font-size:17px}
.commerce-card-copy{padding:23px 24px 0;flex:1;min-width:0}
.commerce-card h3{font-size:1.15rem;line-height:1.4;font-weight:550;letter-spacing:-.02em;margin:0 0 10px;overflow-wrap:anywhere;color:#f4e6f5}
.commerce-card-copy p{font-size:.76rem;line-height:1.8;color:#b29bbf;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere}
.commerce-card-footer{margin:24px 24px 0;padding:18px 0 21px;border-top:1px solid var(--shop-line);display:flex;align-items:center;justify-content:space-between;gap:14px}
.commerce-card-footer strong{font-size:1.15rem;font-weight:550;letter-spacing:-.03em;color:#f4ddf5;white-space:nowrap}
.commerce-card-footer>span{font-size:.68rem;color:#c9a4d5;display:flex;align-items:center;gap:10px}
.commerce-card-footer>span>span{font-size:17px}
.commerce-empty{padding:42px 20px;text-align:center;border:1px solid var(--shop-line);border-radius:18px;background:radial-gradient(ellipse at 50% 0,#74429215,transparent 70%),#130e1c}
.commerce-empty-art{width:74px;height:74px;color:#b58aca;opacity:.8;margin:0 auto 14px}
.commerce-empty h3,.commerce-empty h2{font-size:1.3rem;font-weight:500;letter-spacing:-.025em;margin:0 0 10px}
.commerce-empty>p:not(.commerce-kicker){max-width:50ch;margin:0 auto 18px;color:#ad96bc;font-size:.8rem;line-height:1.8}
.commerce-text-link{color:#deb5e7;font-size:.76rem}
.commerce-how{margin:42px 0 0;padding:30px 0 0;border-top:1px solid var(--shop-line)}
.commerce-how .commerce-kicker{font-size:9px;margin-bottom:8px}
.commerce-how ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:24px 0 0}
.commerce-how li{display:flex;gap:16px;min-width:0}.commerce-how li>span{font:10px/1.6 ui-monospace,monospace;color:#b286c0;padding-top:3px}
.commerce-how h3{font-size:.85rem;font-weight:500;margin:0 0 6px;color:#dec9e6}.commerce-how p{font-size:.73rem;line-height:1.7;color:#a68db5;margin:0}
.commerce-footer{display:flex;gap:12px;align-items:center;margin:34px 0 0;padding:24px 0 0;border-top:1px solid var(--shop-line);font-size:.68rem;color:#8f789e}
.commerce-footer>span{color:#b38ac2;font-size:17px}.commerce-footer p{margin:0}.commerce-footer>a{margin-left:auto;color:#c8a4d4;white-space:nowrap}
.commerce-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 22px;font-size:.68rem;color:#8f759f}.commerce-breadcrumb a{color:#b99dc9}
.commerce-page-heading h1{font-size:clamp(1.8rem,4vw,3rem);font-weight:550;letter-spacing:-.045em;overflow-wrap:anywhere;margin:0 0 12px;color:#faecfa}
.commerce-page-heading>p:last-child{font-size:.83rem;line-height:1.8;color:#b49bc4;max-width:64ch;margin-bottom:0}
.commerce-steps{display:flex;flex-wrap:wrap;gap:28px;list-style:none;padding:20px 0;margin:22px 0 0;border-block:1px solid var(--shop-line)}
.commerce-steps li{display:flex;align-items:center;gap:10px;font-size:.72rem;color:#957da4}.commerce-steps li>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ab80c238;border-radius:50%;font-size:.6rem}.commerce-steps .is-current{color:#dfb9e8}.commerce-steps .is-current>span{border-color:#d39de96b;background:#aa60c51c}
.commerce-detail-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;align-items:start}
.commerce-product-detail,.commerce-purchase{min-width:0;border:1px solid var(--shop-line);border-radius:20px;background:linear-gradient(145deg,#1c1425,#130f1b);overflow:hidden}
.commerce-detail-art{position:relative;min-height:230px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,var(--item-light) 12%,transparent),transparent 65%);border-bottom:1px solid var(--shop-line)}
.commerce-detail-art .commerce-item-symbol{width:140px;height:140px}
.commerce-detail-copy,.commerce-purchase{padding:30px}
.commerce-detail-copy h2{font-size:1.6rem;font-weight:550;letter-spacing:-.035em;margin:0 0 18px;overflow-wrap:anywhere}
.commerce-description{font-size:.83rem;color:#c0a8cc;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere}
.commerce-detail-price{margin-top:26px;padding-top:20px;border-top:1px solid var(--shop-line);display:flex;justify-content:space-between;align-items:center;gap:16px}.commerce-detail-price>span{font-size:.72rem;color:#a78bb6}.commerce-detail-price strong{font-weight:550;font-size:1.65rem;letter-spacing:-.03em;color:#f2d8f5}
.commerce-purchase h2{font-size:1.4rem;letter-spacing:-.03em;font-weight:550;margin:0 0 24px}
.commerce-recipient{display:flex;align-items:center;gap:13px;border:1px solid var(--shop-line);border-radius:10px;padding:12px 15px;background:#b06bca0a;margin:0 0 25px;color:#c39acd}.commerce-recipient>span:nth-child(2){display:flex;flex-direction:column;gap:3px;font-size:.66rem;color:#a88db7}.commerce-recipient strong{font-size:.85rem;color:#ecd5f1;font-weight:500}.commerce-recipient>span:last-child{margin-left:auto}
.commerce-form .showcase-card{border:0;border-radius:0;background:none;padding:0;margin:0;box-shadow:none}
.commerce-form .form-label,.commerce-form .form-check-label{font-size:.78rem;color:#dec9e6}
.commerce-form .form-control{background:#100b18;border-color:#a478bb3d;border-radius:8px;color:#f0dff5;min-height:44px;font-size:.83rem}
.commerce-form .form-control:focus{border-color:#c392dc;box-shadow:0 0 0 3px #c392dc16}
.commerce-form .form-control::placeholder{color:#9179a2}.commerce-form .form-text{font-size:.68rem;line-height:1.7;color:#a58bb6!important}.commerce-form .form-check{margin-top:20px}.commerce-form .form-check-input{border-color:#9b72b0;background-color:#20132e}.commerce-form .form-check-input:checked{background-color:#9f63b8;border-color:#9f63b8}
.commerce-form .btn{width:100%;min-height:46px;border:1px solid #d39ae377;border-radius:9px;background:linear-gradient(110deg,#87509c,#6a447f);color:#fcefff;font-size:.8rem;font-weight:500;box-shadow:none}
.commerce-form .btn:hover{background:#9760aa;border-color:#e8b4f1}.commerce-form .badge{display:none}
.commerce-back{display:block;margin-top:21px;color:#a88cba;font-size:.72rem}.commerce-back:hover{color:#e8c7f1}
.commerce-summary{margin:0 0 24px}.commerce-summary>div{padding:14px 0;display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-bottom:1px solid var(--shop-line)}.commerce-summary dt{font-size:.74rem;font-weight:400;color:#ad91bd}.commerce-summary dd{margin:0;font-size:.83rem;color:#efdaF5;text-align:right;overflow-wrap:anywhere;min-width:0}.commerce-summary>div:last-child dd{font-size:1.2rem;font-weight:550}.commerce-summary>div:first-child dd{max-width:60%}
.commerce-purchase-help{font-size:.82rem;color:#bda0cc;line-height:1.8;margin-bottom:20px}
.commerce-status{padding:12px 15px;border:1px solid #c08fd044;border-radius:9px;background:#9768ad13;font-size:.78rem;line-height:1.7;color:#e2c0ec;margin-bottom:18px}
.commerce-order-row{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(180px,.6fr);gap:20px;align-items:center;padding:22px 24px;border:1px solid var(--shop-line);border-radius:14px;background:#17101f;margin-top:12px}
.commerce-order-symbol{height:45px;width:45px;color:#b990ce}.commerce-order-row h2{font-size:.94rem;font-weight:550;margin:0 0 7px;overflow-wrap:anywhere}.commerce-order-row h2 span{font-weight:400;color:#a68bb7;font-size:.72rem}.commerce-order-row p,.commerce-order-row details{font-size:.67rem;color:#a58ab4;margin:0;line-height:1.8}.commerce-order-row details{margin-top:5px}.commerce-order-row summary{cursor:pointer}.commerce-order-row code{font-size:.66rem;color:#d3b4e2;overflow-wrap:anywhere}.commerce-order-state{text-align:right;min-width:0}.commerce-order-state strong{display:block;font-size:1.05rem;font-weight:500;color:#f2d7f5}.commerce-order-state>span{display:block;font-size:.67rem;color:#b29ac3;margin-top:6px;line-height:1.6}
@media(max-width:950px){.commerce-product-grid{gap:16px}.commerce-card-copy{padding:20px 18px 0}.commerce-card-footer{margin:22px 18px 0}.commerce-card-footer>span{font-size:.64rem;gap:5px}.commerce-hero-copy{padding-left:30px}.commerce-orbit{width:190px;height:190px}.commerce-hero-emblem{width:130px;height:130px}.commerce-detail-layout{gap:18px}.commerce-detail-copy,.commerce-purchase{padding:24px}}
@media(max-width:750px){.commerce-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-hero-copy{padding:32px 0 26px 26px}.commerce-hero-art{padding-right:16px}.commerce-hero h1{font-size:2.7rem}.commerce-hero-copy>p:not(.commerce-kicker){font-size:.78rem}.commerce-orbit{width:155px;height:155px}.commerce-hero-emblem{width:115px;height:115px}.commerce-art-caption{display:none}.commerce-hero-bottom{margin:0 20px;padding:14px 6px;font-size:.65rem}.commerce-how ol{gap:16px}.commerce-how li{gap:10px}.commerce-how h3{font-size:.78rem}.commerce-how p{font-size:.67rem}.commerce-detail-layout{grid-template-columns:minmax(0,1fr)}.commerce-detail-art{min-height:175px}.commerce-detail-art .commerce-item-symbol{width:105px;height:105px}.commerce-order-row{grid-template-columns:38px minmax(0,1fr);padding:18px;gap:14px}.commerce-order-symbol{width:36px;height:36px}.commerce-order-state{grid-column:2;text-align:left;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.commerce-order-state>span{margin:0}.commerce-topline{margin-bottom:20px}}
@media(max-width:500px){body:has(.commerce) #content>.container{padding-top:18px!important}.commerce-brand{font-size:.75rem;gap:6px}.commerce-brand-divider{margin:0}.commerce-topline{gap:8px}.commerce-topline nav a{font-size:.66rem;padding:9px 10px}.commerce-hero{grid-template-columns:minmax(0,1fr) 90px;border-radius:18px}.commerce-hero-copy{padding:27px 0 26px 20px}.commerce-hero h1{font-size:clamp(1.8rem,7.7vw,2.4rem);line-height:1.15}.commerce-hero-copy .commerce-kicker{font-size:7px;letter-spacing:.09em;white-space:nowrap}.commerce-hero-copy>p:not(.commerce-kicker){font-size:.72rem;margin-bottom:20px}.commerce-hero-art{padding:0 12px 12px 0}.commerce-orbit{width:110px;height:110px}.commerce-hero-emblem{width:86px;height:86px}.commerce-orbit:after{inset:-12px}.commerce-orbit:before{inset:10px}.commerce-spark-one{left:6%;top:26%;font-size:17px}.commerce-spark-two{right:16%;bottom:28%;font-size:9px}.commerce-hero-bottom{margin:0 14px;gap:10px;padding:12px 5px;font-size:.6rem}.commerce-hero-bottom>a{gap:5px;flex-wrap:wrap;justify-content:flex-end}.commerce-hero-bottom>span:last-child{display:none}.commerce-button{font-size:.73rem;padding:10px 14px;gap:18px}.commerce-notice{margin:16px 0 26px;font-size:.66rem;gap:8px}.commerce-offer-heading{align-items:start;gap:10px}.commerce-offer h2{font-size:1.25rem;line-height:1.35}.commerce-offer-heading>span{font-size:.62rem;padding-top:20px}.commerce-offer-heading .commerce-kicker{font-size:8px}.commerce-categories{gap:6px;margin-bottom:18px}.commerce-categories a{font-size:.67rem;padding:8px 10px;gap:8px;min-height:40px}.commerce-count{font-size:.58rem}.commerce-product-grid{grid-template-columns:minmax(0,1fr);gap:16px}.commerce-card-art{min-height:165px}.commerce-card-copy{padding:20px 22px 0}.commerce-card-footer{margin:20px 22px 0}.commerce-card h3{font-size:1.15rem}.commerce-card-footer>span{font-size:.72rem;gap:8px}.commerce-how{margin-top:30px;padding-top:25px}.commerce-how h2{font-size:1.3rem}.commerce-how ol{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:23px}.commerce-how li{gap:18px}.commerce-how h3{font-size:.83rem}.commerce-how p{font-size:.72rem}.commerce-footer{flex-wrap:wrap;gap:8px;font-size:.62rem;margin-top:26px}.commerce-footer>a{margin-left:24px;width:100%}.commerce-page-heading h1{font-size:2rem}.commerce-page-heading>p:last-child{font-size:.76rem}.commerce-steps{gap:12px;padding:16px 0}.commerce-steps li{font-size:.6rem;gap:6px}.commerce-steps li>span{width:21px;height:21px}.commerce-detail-copy,.commerce-purchase{padding:22px}.commerce-product-detail,.commerce-purchase{border-radius:16px}.commerce-detail-price strong{font-size:1.45rem}.commerce-summary>div{gap:14px}.commerce-summary dt{font-size:.68rem}.commerce-summary dd{font-size:.76rem}.commerce-empty{padding:30px 20px}.commerce-empty h3,.commerce-empty h2{font-size:1.18rem}}
@media(prefers-reduced-motion:reduce){.commerce a,.commerce-card,.commerce-item-symbol{transition:none}.commerce-card:hover,.commerce-card:focus-within,.commerce-card:hover .commerce-item-symbol,.commerce-button:hover{transform:none}}
.commerce-empty-art svg,.commerce-order-symbol svg{width:100%;height:100%}
/* Forms inherit controls, not the decorative homepage card treatment. */
.commerce-form .showcase-card{padding:0!important;min-height:0;overflow:visible;transform:none}
.commerce-form .showcase-card:before,.commerce-form .showcase-card:after{display:none}
.commerce-form .showcase-card:hover{background:none;border-color:transparent;transform:none}
.commerce-notice>.commerce-info{font:italic 11px/1 Georgia,serif;border:1px solid #d5acce77;border-radius:50%;display:grid;place-items:center;flex:0 0 14px;width:14px;height:14px;margin-top:3px}

/* The market villagers are the catalog hero artwork; keep the right side unobstructed. */
.commerce-hero-art .commerce-art-caption{right:22px;bottom:28px;color:#f0c9d59c;text-shadow:0 1px 5px #120b1d}
@media(max-width:500px){.commerce-hero{grid-template-columns:minmax(0,1fr);background:#1a1024}.commerce-hero-copy{padding:27px 20px 24px;background:none}.commerce-hero-art{grid-row:2;min-height:170px;padding:0;background:linear-gradient(0deg,#1a10245c,transparent 70%),url('../img/moonvale-market-v1.webp') right center/cover}.commerce-hero-bottom{grid-row:3}}

/* Product-owned icons override only the decorative category color. */
.commerce-variant-key{--item-light:#d6b5e8}
.commerce-tone-bronze{--item-light:#c78e5f}
.commerce-tone-silver{--item-light:#c4d0e0}
.commerce-tone-gold{--item-light:#edc363}
.commerce-tone-neon{--item-light:#d17aff}
.commerce-tone-neon .commerce-item-symbol{filter:drop-shadow(0 0 9px #bd48ff80) drop-shadow(0 15px 13px #0005)}