/* Shop (goblin merchant) screen. Owner: js/ui/shop.js + js/ui/shopVendor.js. No red backdrop: the zone stage stays visible,
   wares lie straight on a dark wood/stone table (Blizzard nineslice via .sx-wood .sx-dark). Touch opens a detail before buying. */
.sx-shop .sx-bar { flex: 0 0 auto; }
.sx-shop__main { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 520px 1fr; gap: 20px; padding: 10px 48px 0; align-items: stretch; }
.sx-shop__left { display: flex; flex-direction: column; align-items: center; gap: 12px; min-height: 0; }
.sx-vendor { position: relative; flex: 1 1 auto; width: 100%; min-height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 14px; padding-bottom: 14px; cursor: pointer; border-radius: 18px;
  background: radial-gradient(ellipse 60% 38% at 50% 78%, rgba(255,190,90,.30), transparent 70%); }
.sx-vendor:hover, .sx-vendor:focus-visible { outline: none; background: radial-gradient(ellipse 66% 42% at 50% 78%, rgba(255,210,110,.42), transparent 70%); }
.sx-vendor__plate { position: relative; margin-bottom: 120px; padding: 20px; border: 4px solid #7a5f28; border-radius: 50%; background: #15110c; box-shadow: inset 0 0 30px rgba(0,0,0,.7), 0 0 30px rgba(255,190,90,.3); } .sx-vendor__plate .sx-ico { --s: 180px; }
.sx-vendor__name { position: relative; z-index: 1; text-align: center; display: grid; gap: 2px; padding: 8px 26px; border: 2px solid #6b5220; border-radius: 8px; background: rgba(10,7,4,.82); box-shadow: 0 6px 14px rgba(0,0,0,.6); }
.sx-vendor__name b { font-family: var(--f-ui); font-weight: 400; font-size: 34px; color: var(--gold); } .sx-vendor__name small { font-size: 22px; color: #cdbf9a; font-family: var(--f-num); }
.sx-shop__foot { flex: 0 0 auto; display: flex; justify-content: flex-end; padding-top: 14px; } .sx-shop__foot .sp-wowbtn { --h: 74px; min-width: 260px; font-size: 26px; }
.sx-shop__leave { flex: 0 0 auto; display: grid; place-items: center; padding-bottom: 10px; } .sx-shop__leave .sp-wowbtn { --h: 84px; min-width: 300px; }
.sx-shop__right { min-width: 0; min-height: 0; display: flex; flex-direction: column; justify-content: center; }
.sx-table { display: grid; gap: 14px; padding: 40px 48px 44px; --fill: url("/assets/ui/classhall-stone-tile.png"); background-color: #15110c; }
.sx-shelf { display: grid; gap: 8px; justify-items: center; }
.sx-shelf__title { margin: 0; font-family: var(--f-ui); font-weight: 400; font-size: 26px; letter-spacing: .06em; text-transform: uppercase; color: #c9a24b; text-shadow: 0 2px 2px #000; }
.sx-shelf__row { display: flex; gap: 22px; justify-content: center; align-items: flex-start; flex-wrap: wrap; }
.sx-table__low { display: grid; grid-template-columns: auto auto auto; gap: 18px 40px; justify-content: center; align-items: start; }
.sx-table__low .sx-shelf__row { flex-wrap: nowrap; gap: 14px; }
/* a ware is just the thing + its price tag; no box */
.sx-ware { position: relative; display: grid; justify-items: center; gap: 8px; cursor: pointer; transition: transform .16s ease, filter .16s; transform-origin: 50% 70%; -webkit-tap-highlight-color: transparent; }
.sx-ware:focus-visible { outline: 3px solid var(--gold); outline-offset: 6px; border-radius: 8px; }
.sx-ware:hover:not(.sold), .sx-ware:focus-visible:not(.sold) { transform: translateY(-8px) scale(1.1); z-index: 4; filter: drop-shadow(0 0 16px rgba(255,209,0,.6)); }
.sx-ware--card .sx-cardslot--shop { --cs: .62; animation: none; transform: none; }
.sx-ware--card .sx-cardslot--shop:hover { transform: none; }
.sx-ware__body { display: grid; justify-items: center; gap: 4px; text-align: center; width: 150px; } .sx-ware__body b { font-family: var(--f-ui); font-weight: 400; font-size: 21px; line-height: 1.1; color: var(--q, var(--gold)); }
.sx-ware__body small { font-family: var(--f-num); font-size: 17px; line-height: 1.15; color: #d9ccaa; }
.sx-ware__ico .sx-ico { --s: 84px; }
.sx-ware--service .sx-ware__body { width: 170px; }
.sx-ware__tag { min-height: 40px; display: grid; place-items: center; }
.sx-price { display: inline-flex; align-items: center; gap: 6px; padding: 3px 14px 3px 8px; border-radius: 999px; font-family: var(--f-num); font-size: 28px; color: #ffe27a; text-shadow: 0 2px 2px #000; background: rgba(8,5,2,.72); border: 2px solid #8a6a2a; transition: box-shadow .16s, background .16s, color .16s; }
.sx-price__i { width: 28px; height: 28px; margin: 0; border-radius: 50%; }
.sx-ware:hover:not(.sold) .sx-price { background: #2a1d08; border-color: #ffd24a; box-shadow: 0 0 14px rgba(255,210,74,.7); color: #fff1a8; }
.sx-price.short { color: #ff7a6a; } .sx-ware.short .sx-price { border-color: #7a2a20; }
.sx-ware.short:hover:not(.sold) { filter: drop-shadow(0 0 14px rgba(255,60,40,.6)); } .sx-ware.short:hover .sx-price { background: #2a0a06; border-color: #ff5a44; box-shadow: 0 0 14px rgba(255,80,60,.7); color: #ff9a8a; }
.sx-ware.deny { animation: sx-deny .42s ease; } .sx-ware.deny .sx-price { background: #5a0f08; color: #fff; }
@keyframes sx-deny { 0%,100% { transform: translateX(0); } 20% { transform: translateX(-9px); } 40% { transform: translateX(8px); } 60% { transform: translateX(-6px); } 80% { transform: translateX(4px); } }
.sx-ware.sold { cursor: default; filter: grayscale(.85) brightness(.55); } .sx-ware.sold:hover { transform: none; }
.sx-sold { font-family: var(--f-ui); font-size: 26px; letter-spacing: .12em; color: #c9a24b; text-shadow: 0 2px 2px #000; transform: rotate(-4deg); padding: 2px 12px; border: 2px solid #c9a24b; border-radius: 6px; }
.sx-fly { position: fixed; z-index: 99999; pointer-events: none; border: 3px solid var(--gold, #ffd24a); border-radius: 10px; overflow: hidden; background: #15110c; box-shadow: 0 0 20px rgba(255,210,74,.8); } .sx-fly img { width: 100%; height: 100%; display: block; margin: 0; }
@media (prefers-reduced-motion: reduce) { .sx-ware, .sx-ware.deny { transition: none; animation: none; } }
/* hub embed (Moonglade): shopPanel inside the rest screen */
.sx-rest__vendor .sx-table { padding: 30px 30px 34px; }
/* portrait stage */
.sp-portrait .sx-shop { overflow-y: auto; } .sp-portrait .sx-shop__main { grid-template-columns: 1fr; padding: 10px 24px 0; flex: 0 0 auto; }
.sp-portrait .sx-vendor { min-height: 420px; flex: 0 0 auto; } .sp-portrait .sx-vendor__name b { font-size: 44px; } .sp-portrait .sx-vendor__name small { font-size: 30px; }
.sp-portrait .sx-table { padding: 28px 16px 32px; } .sp-portrait .sx-table__low { grid-template-columns: 1fr; } .sp-portrait .sx-ware--card .sx-cardslot--shop { --cs: .8; }
.sp-portrait .sx-shelf__title { font-size: 36px; } .sp-portrait .sx-price { font-size: 40px; } .sp-portrait .sx-ware__body b { font-size: 30px; } .sp-portrait .sx-ware__body small { font-size: 24px; } .sp-portrait .sx-ware__body { width: 210px; }
.sp-portrait .sx-shop__foot { justify-content: center; padding-bottom: 24px; }
.sp-portrait .sx-shop__foot .sp-wowbtn { --h: 76px; min-width: 280px; }
.sp-portrait .sx-shop__leave .sp-wowbtn { --h: 76px; }

/* Touch shops have one readable shelf at a time; leaving never scrolls away. */
.sx-shop-tabs{display:none}.sx-table__stock{display:contents}
.sx-shop-detail{min-width:0}.sx-shop-detail__item{display:flex;align-items:center;gap:35px}.sx-shop-detail__copy{min-width:0}.sx-shop-detail__copy h4{font:38px var(--f-ui);color:#efcd82;margin:0 0 20px}.sx-shop-detail__copy p{font:28px/1.5 var(--f-num);white-space:pre-line;color:#e1d2af}.sx-shop-detail__actions{display:flex;justify-content:flex-end;align-items:center;gap:25px;margin-top:24px}.sx-shop-detail__notice{color:#f2a18b}.sx-cardslot--detail{--cs:1.1}
.sx-modal:has(.sx-shop-detail){--fill:url('/assets/ui/classhall-stone-tile.png');background-color:#15110c;color:#e1d2af}.sx-modal:has(.sx-shop-detail) :is(h3,h4){color:#efcd82;text-shadow:0 2px 2px #000}
body.sp-mobile-landscape .sx-shop__main{grid-template-columns:minmax(260px,18%) minmax(0,1fr);padding:14px 24px 20px;gap:24px;overflow:hidden}
body.sp-mobile-landscape .sx-shop__left{min-width:0}
body.sp-mobile-landscape .sx-shop__left .sx-vendor{min-height:0;overflow:hidden;padding-bottom:0}
body.sp-mobile-landscape .sx-vendor__name{width:100%;padding:18px 14px;gap:8px;min-width:0}
body.sp-mobile-landscape .sx-vendor__name b{font-size:var(--ml-text);overflow-wrap:anywhere;line-height:1.15}
body.sp-mobile-landscape .sx-vendor__name small{display:none}
body.sp-mobile-landscape .sx-vendor__plate{margin-bottom:120px;padding:14px}.sx-shop__left .sx-vendor.has-model .sx-vendor__plate{pointer-events:none}
body.sp-mobile-landscape .sx-shop__right{justify-content:flex-start;overflow:hidden;gap:14px}
body.sp-mobile-landscape .sx-shop__right>.sx-table{flex:1;min-height:0;width:100%;overflow:hidden}
body.sp-mobile-landscape .sx-table{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;padding:24px 26px;color:#e5d2aa}
body.sp-mobile-landscape .sx-shop-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0}
body.sp-mobile-landscape .sp-stage .sx-shop-tabs .sp-wowbtn{--h:var(--ml-touch);height:var(--h);min-height:var(--h);min-width:0;width:100%;font-size:var(--ml-small);padding-inline:18px;line-height:1.1}
body.sp-mobile-landscape .sx-shop-tabs .sp-wowbtn[aria-pressed=true]{color:#fff0b2;box-shadow:inset 0 0 0 3px #e6c36a,0 0 0 2px #382815}
body.sp-mobile-landscape .sx-table__stock{display:block;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-color:#95713d #14100b}
body.sp-mobile-landscape .sx-table__low{display:contents}
body.sp-mobile-landscape .sx-table[data-category=cards] .sx-shelf:not(.sx-shelf--cards),body.sp-mobile-landscape .sx-table[data-category=relics] .sx-shelf:not(.sx-shelf--relics),body.sp-mobile-landscape .sx-table[data-category=potions] .sx-shelf:not(.sx-shelf--potions),body.sp-mobile-landscape .sx-table[data-category=services] .sx-shelf:not(.sx-shelf--services){display:none}
body.sp-mobile-landscape .sx-table .sx-shelf{min-width:0;display:block}
body.sp-mobile-landscape .sx-table .sx-shelf__title{display:none}
body.sp-mobile-landscape .sx-table .sx-shelf__row{width:100%;min-width:0;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:26px;overflow-x:auto;padding:18px 14px 24px;scrollbar-color:#95713d #14100b;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
body.sp-mobile-landscape .sx-table .sx-ware{min-width:0;flex:0 0 auto;gap:14px;max-width:100%;transition:none;touch-action:pan-x pan-y}
body.sp-mobile-landscape .sx-table .sx-ware:hover:not(.sold),body.sp-mobile-landscape .sx-table .sx-ware:focus-visible:not(.sold){transform:none;filter:none}
body.sp-mobile-landscape .sx-table .sx-ware--card .sx-cardslot--shop{--cs:clamp(1,calc(.42 / var(--ui-scale,1)),1.5)}
body.sp-mobile-landscape .sx-table .sx-cardslot>.spc:hover:not(.is-drag){transform:scale(var(--cs))}
body.sp-mobile-landscape .sx-table .sx-ware__body{width:clamp(280px,calc(145px / var(--ui-scale,1)),440px);max-width:100%;gap:14px}
body.sp-mobile-landscape .sx-table .sx-ware__body b{font-size:var(--ml-text);line-height:1.25;overflow-wrap:anywhere}
body.sp-mobile-landscape .sx-table .sx-ware__body small{font-size:var(--ml-small);line-height:1.3;overflow-wrap:anywhere}
body.sp-mobile-landscape .sx-table .sx-ware__ico .sx-ico{--s:clamp(150px,calc(64px / var(--ui-scale,1)),230px)}
body.sp-mobile-landscape .sx-table .sx-ware__tag{min-height:var(--ml-touch)}
body.sp-mobile-landscape .sx-table .sx-price,body.sp-mobile-landscape .sx-shop-detail .sx-price{min-height:0;font-size:var(--ml-text);padding:12px 18px;gap:12px;white-space:nowrap}
body.sp-mobile-landscape .sx-table .sx-price__i,body.sp-mobile-landscape .sx-shop-detail .sx-price__i{width:var(--ml-text);height:var(--ml-text)}
body.sp-mobile-landscape .sx-table .sx-sold{font-size:var(--ml-small);letter-spacing:0;transform:none;white-space:normal;text-align:center}
body.sp-mobile-landscape .sx-shop__foot{padding:0;justify-content:flex-end;min-height:var(--ml-touch)}
body.sp-mobile-landscape .sx-shop__foot .sp-wowbtn{min-width:340px;--h:var(--ml-touch);height:var(--h);font-size:var(--ml-text);margin:0}
body.sp-mobile-landscape .sx-rest__vendor{max-width:100%;width:100%;min-width:0}
body.sp-mobile-landscape .sx-rest__vendor .sx-table{height:calc(270px / var(--ui-scale,1));max-height:none;padding:24px}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-detail){height:85%;max-height:92%;width:94%;padding:28px}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-detail) .sx-modal__head{flex:none;gap:20px;margin-bottom:16px}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-detail) .sx-modal__head h3{font-size:var(--ml-title);min-width:0;overflow-wrap:anywhere}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-detail) .sx-modal__head .sp-wowbtn{--h:var(--ml-touch);height:var(--h);font-size:var(--ml-small);min-width:250px}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-detail) .sx-modal__body{flex:1;min-height:0;overflow:hidden;display:flex;padding:0}
body.sp-mobile-landscape .sx-shop-detail{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;gap:16px}
body.sp-mobile-landscape .sx-shop-detail__item{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:36px;align-items:center;overflow:hidden}
body.sp-mobile-landscape .sx-shop-detail__item>.sx-ico{justify-self:center;--s:clamp(180px,calc(100px / var(--ui-scale,1)),320px)}
body.sp-mobile-landscape .sx-shop-detail .sx-cardslot--detail{--cs:clamp(1,calc(.41 / var(--ui-scale,1)),1.4);justify-self:center;pointer-events:none}
body.sp-mobile-landscape .sx-shop-detail__copy{max-height:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-color:#95713d #14100b}
body.sp-mobile-landscape .sx-shop-detail__copy h4{font-size:var(--ml-title);margin:0 0 18px;line-height:1.2;overflow-wrap:anywhere}
body.sp-mobile-landscape .sx-shop-detail__copy p{font-size:var(--ml-text);line-height:1.5;margin:0;overflow-wrap:anywhere}
body.sp-mobile-landscape .sx-shop-detail__actions{flex:none;min-height:var(--ml-touch);margin:0;gap:24px;border-top:1px solid #9c79434f;padding-top:12px}
body.sp-mobile-landscape .sx-shop-detail__actions .sp-wowbtn{--h:var(--ml-touch);height:var(--h);min-height:var(--h);font-size:var(--ml-text);min-width:360px}
body.sp-mobile-landscape .sx-shop-detail__notice{flex:none;margin:0;font:var(--ml-small)/1.2 var(--f-num)}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-removal){width:94%;max-height:90%;padding:28px}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-removal) .sx-modal__head{flex:none;margin-bottom:20px}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-removal) .sx-modal__head h3{font-size:var(--ml-title);line-height:1.2;min-width:0}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-removal) .sx-modal__head .sp-wowbtn{--h:var(--ml-touch);height:var(--h);min-width:250px;font-size:var(--ml-small)}
body.sp-mobile-landscape .sx-shop-removal{padding:18px;gap:28px;touch-action:pan-y;overscroll-behavior:contain}
body.sp-mobile-landscape .sx-shop-removal .sx-cardslot--pick{--cs:clamp(1,calc(.42 / var(--ui-scale,1)),1.5);transform:none}
body.sp-mobile-landscape .sx-shop-removal .sx-cardslot>.spc:hover:not(.is-drag){transform:scale(var(--cs))}
@media(max-height:375px){body.sp-mobile-landscape .sx-table .sx-ware--card .sx-cardslot--shop{--cs:clamp(.85,calc(.32 / var(--ui-scale,1)),1.4)}}
@media(max-height:340px){body.sp-mobile-landscape .sx-table .sx-ware--card .sx-cardslot--shop{--cs:clamp(.8,calc(.26 / var(--ui-scale,1)),1.2)}body.sp-mobile-landscape .sx-table .sx-shelf__row{padding-block:10px}}
@media(max-width:900px){body.sp-mobile-landscape .sx-shop .sx-ware--card .sx-cardslot--shop{--cs:clamp(.65,calc(.32 / var(--ui-scale,1)),1.4)}}
@media(max-width:900px) and (max-height:375px){body.sp-mobile-landscape .sx-shop .sx-ware--card .sx-cardslot--shop{--cs:clamp(.6,calc(.26 / var(--ui-scale,1)),1.3)}}
@media(max-width:900px) and (max-height:340px){body.sp-mobile-landscape .sx-shop .sx-ware--card .sx-cardslot--shop{--cs:clamp(.55,calc(.19 / var(--ui-scale,1)),1.1)}}

/* Read the real worn sockets before buying, including both rings and trinkets. */
.sx-shop-compare{display:grid;gap:14px;margin-top:24px;padding-top:18px;border-top:1px solid #98764070;font:24px/1.45 var(--f-num);color:#d7c7a4}
.sx-shop-compare h5{margin:0;color:#e7c77b;font:28px var(--f-ui)}
.sx-shop-compare__slot{padding:14px;background:#0c0a07a8;border:1px solid #85652d66;border-radius:5px;overflow-wrap:anywhere}
.sx-shop-compare__slot>small{display:block;margin-bottom:8px;color:#c1ac7b;font-size:.9em}
.sx-shop-detail__copy .sx-shop-detail__destination{margin-top:18px;color:#cbb87e;font-size:24px}
.sx-modal:has(.sx-shop-removal){width:94%;height:86%;max-height:92%}
.sx-modal:has(.sx-shop-removal) .sx-modal__body{min-height:0;overflow:hidden;display:flex}
.sx-shop-removal{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:24px;min-height:0;width:100%;font:26px/1.45 var(--f-num)}
.sx-shop-removal>.sx-pickgrid{min-height:0;overflow:auto;align-content:start;justify-content:flex-start;padding:12px;overscroll-behavior:contain}
.sx-shop-removal__read{min-width:0;min-height:0;overflow:auto;padding:22px;background:#0d0a07c9;border:1px solid #92713e88;border-radius:6px;overscroll-behavior:contain}
.sx-shop-removal__read h4{margin:0 0 20px;color:#efcd82;font:34px/1.15 var(--f-ui)}
.sx-shop-removal__read p{margin:0 0 18px;overflow-wrap:anywhere}
.sx-shop-removal__warning{color:#e1a088}
.sx-shop-removal>.sx-shop-detail__actions{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid #92713e66}
.sx-shop-removal .sx-cardslot--pick{--cs:.6}
body.sp-mobile-landscape .sx-shop-compare{font-size:var(--ml-small);line-height:1.5;gap:14px}
body.sp-mobile-landscape .sx-shop-compare h5{font-size:var(--ml-text)}
body.sp-mobile-landscape .sx-shop-detail__copy .sx-shop-detail__destination{font-size:var(--ml-small);line-height:1.4}
body.sp-mobile-landscape .sx-shop-removal{font-size:var(--ml-small);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);padding:0;gap:20px}
body.sp-mobile-landscape .sx-shop-removal__read{padding:18px;touch-action:pan-y}
body.sp-mobile-landscape .sx-shop-removal__read h4{font-size:var(--ml-title)}
body.sp-mobile-landscape .sx-shop-removal .sx-cardslot--pick{--cs:clamp(.7,calc(.29 / var(--ui-scale,1)),1.2)}
body.sp-mobile-landscape .sx-shop-removal>.sx-shop-detail__actions .sp-wowbtn{--h:var(--ml-touch);height:var(--h);min-height:var(--h);min-width:360px;font-size:var(--ml-text)}
body.sp-mobile-landscape .sx-shop-removal .sx-price{font-size:var(--ml-text);white-space:nowrap}

/* Opaque reading surfaces retain the shared wooden frame and red/gold buttons. */
.sx-modal:has(.sx-shop-detail,.sx-shop-removal){--fill:linear-gradient(#19140e,#19140e);--ink2:#e8dcc0;--parch-red:#efcd82;background-color:#19140e;background-blend-mode:normal;color:#e8dcc0;opacity:1;isolation:isolate}
.sx-modal:has(.sx-shop-detail,.sx-shop-removal) .sx-modal__head h3{color:#efcd82;text-shadow:0 2px 2px #000}
.sx-shop-removal__read{background:#100d09;color:#e8dcc0;text-shadow:none}
.sx-modal:has(.sx-shop-removal) .sx-shop-removal__read h4{color:#efcd82;text-shadow:0 2px 2px #000}
.sx-shop-removal__read .sx-shop-removal__effect{color:#f0e5ca;line-height:1.5}
.sx-shop-removal__read .sx-shop-removal__warning{color:#efb29b}
body.sp-mobile-landscape .sx-shop-removal__read .sx-shop-removal__effect{font-size:var(--ml-text)}

/* A shop service is a single readable plaque, not another tiny item icon. */
.sx-table .sx-shelf--services{grid-column:1/-1;width:100%;min-width:0;margin-top:4px}
.sx-table .sx-shelf--services .sx-shelf__row{width:100%;min-width:0}
.sx-table .sx-ware--service{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:stretch;gap:24px;padding:18px 22px;border:1px solid #90713d;border-radius:7px;background:linear-gradient(115deg,#292116ed,#110e09f5);box-shadow:inset 0 1px 0 #e0b96426,0 3px 8px #0005;transform-origin:center}
.sx-table .sx-ware--service:hover:not(.sold),.sx-table .sx-ware--service:focus-visible:not(.sold){transform:translateY(-2px);filter:none;border-color:#dab55c;box-shadow:inset 0 0 18px #e0b96416,0 0 10px #d2a54233}
.sx-table .sx-ware--service .sx-service__body{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:stretch;gap:18px;width:auto;min-width:0;text-align:left}
.sx-table .sx-ware--service .sx-service__icon .sx-ico{--s:70px}
.sx-service__copy{display:grid;gap:6px;min-width:0}
.sx-table .sx-ware--service .sx-service__copy b{font-size:28px;line-height:1.15;overflow-wrap:anywhere}
.sx-table .sx-ware--service .sx-service__copy small{font-size:22px;line-height:1.3;overflow-wrap:anywhere;color:#d9c9a6}
.sx-table .sx-ware--service .sx-service__aside{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-width:0;min-height:0}
.sx-table .sx-ware--service .sx-service__action{--h:62px;min-height:var(--h);height:var(--h);min-width:190px;font-size:24px;line-height:1.1;padding-inline:22px;pointer-events:none;white-space:nowrap}
.sx-table .sx-ware--service.sold{filter:none;opacity:.68}
.sx-table .sx-ware--service.sold:hover{transform:none}
.sx-table .sx-ware--service .sx-sold{transform:none;white-space:nowrap;font-size:23px;letter-spacing:.04em}

/* The selector, readable description and confirmation share all available height. */
.sx-modal:has(.sx-shop-removal){height:82%;max-height:90%;padding:28px 34px}
.sx-modal:has(.sx-shop-removal) .sx-modal__head{flex:none;margin-bottom:18px}
.sx-modal:has(.sx-shop-removal) .sx-modal__head h3{font-size:44px;line-height:1.15}
.sx-modal:has(.sx-shop-removal) .sx-modal__body{flex:1;min-height:0;padding:0;overflow:hidden}
.sx-shop-removal{flex:1;gap:18px}
.sx-shop-removal>.sx-pickgrid{padding:8px 10px;gap:18px;scrollbar-width:thin;scrollbar-color:#95713d #14100b}
.sx-shop-removal__read{padding:18px;scrollbar-width:thin;scrollbar-color:#95713d #14100b}
.sx-shop-removal__read h4{font-size:32px;margin-bottom:14px}
.sx-shop-removal__read p{margin-bottom:12px}
.sx-shop-removal>.sx-shop-detail__actions{padding-top:12px;gap:20px}
.sx-shop-removal .sx-cardslot--pick.is-selected{outline:3px solid #f1ce6a;outline-offset:5px;border-radius:8px;box-shadow:0 0 14px #ffd65a66}

body.sp-mobile-landscape .sx-table .sx-shelf--services .sx-shelf__row{padding:10px 6px;overflow:visible}
body.sp-mobile-landscape .sx-table .sx-ware--service{flex:1 1 auto;width:100%;padding:calc(10px / var(--ui-scale,1));gap:calc(10px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-table .sx-ware--service .sx-ware__body.sx-service__body{width:auto;min-width:0;flex:1 1 0;gap:calc(10px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-table .sx-ware--service .sx-service__icon .sx-ico{--s:calc(44px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-table .sx-ware--service .sx-service__copy{gap:calc(4px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-table .sx-ware--service .sx-service__copy b{font-size:var(--ml-text);line-height:1.2}
body.sp-mobile-landscape .sx-table .sx-ware--service .sx-service__copy small{font-size:var(--ml-small);line-height:1.3}
body.sp-mobile-landscape .sx-table .sx-ware--service .sx-service__aside{gap:calc(8px / var(--ui-scale,1));flex:0 0 auto;flex-wrap:wrap;width:max-content;max-width:calc(150px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-table .sx-ware--service .sx-service__action{--h:var(--ml-touch);height:var(--h);min-height:var(--h);min-width:calc(100px / var(--ui-scale,1));font-size:var(--ml-small);padding-inline:calc(8px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-table .sx-ware--service .sx-price{padding:calc(4px / var(--ui-scale,1)) calc(8px / var(--ui-scale,1));gap:calc(5px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-table .sx-ware--service .sx-sold{font-size:var(--ml-small);padding:calc(4px / var(--ui-scale,1)) calc(8px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-removal){height:90%;max-height:94%;padding:calc(10px / var(--ui-scale,1)) calc(12px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-removal) .sx-modal__head{margin-bottom:calc(8px / var(--ui-scale,1));gap:calc(12px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-removal) .sx-modal__head h3{font-size:calc(20px / var(--ui-scale,1));line-height:1.15}
body.sp-mobile-landscape .sx-modal:has(.sx-shop-removal) .sx-modal__head .sp-wowbtn{min-width:calc(72px / var(--ui-scale,1));padding-inline:calc(10px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-shop-removal{gap:calc(8px / var(--ui-scale,1));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
body.sp-mobile-landscape .sx-shop-removal__read{padding:calc(9px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-shop-removal__read h4{font-size:var(--ml-text);margin-bottom:calc(8px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-shop-removal__read p{margin-bottom:calc(7px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-shop-removal>.sx-shop-detail__actions{padding-top:calc(6px / var(--ui-scale,1));gap:calc(12px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-shop-removal>.sx-shop-detail__actions .sp-wowbtn{min-width:calc(132px / var(--ui-scale,1))}
body.sp-mobile-landscape .sx-shop-removal .sx-price{padding:calc(3px / var(--ui-scale,1)) calc(8px / var(--ui-scale,1));gap:calc(6px / var(--ui-scale,1))}