.shop-intro,.shop-intro>div,.shop-wallet,.shop-heading,.shop-product-top,.shop-product-bottom{display:flex;align-items:center;gap:16px}.shop-intro{justify-content:space-between;margin-bottom:22px}.shop-intro>div>.bywow-icon{width:40px;height:40px;color:#9bd9f5;flex-shrink:0}.shop-intro h2{font-size:19px;margin:0 0 8px}.shop-intro p{margin:0;color:var(--muted);line-height:1.6}.shop-wallet{white-space:nowrap;color:var(--ice);font-size:14px}.shop-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.shop-categories{padding:14px!important;display:flex;flex-direction:column;gap:5px}.shop-categories button{display:flex;align-items:center;text-align:left;gap:10px;background:transparent;color:#abc5d5;border:1px solid transparent;padding:13px 12px;border-radius:10px;cursor:pointer;font:inherit;font-size:14px}.shop-categories button:hover,.shop-categories button[aria-pressed=true]{background:#9bdaff16;color:#d9f3ff;border-color:#a1def330}.shop-categories button span:last-child:not(.bywow-icon){margin-left:auto;color:#7999ac;font-size:12px}.shop-armor{margin-left:29px;border-left:1px solid var(--line);padding-left:7px}.shop-armor[hidden]{display:none}.shop-armor button{width:100%;padding:9px;font-size:13px}.shop-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px!important;margin-bottom:20px}.shop-toolbar label{font-size:12px;color:var(--muted);display:grid;gap:8px}.shop-toolbar input,.shop-toolbar select{width:100%;min-width:0;background:#06132199;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--text);font:inherit;font-size:14px}.shop-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.shop-product{padding:24px!important;display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s}.shop-product:hover{transform:translateY(-3px);border-color:#a9dcf442}.shop-product-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:#99d5ed0c;color:var(--ice)}.shop-product-icon .bywow-icon{width:26px;height:26px}.shop-category-label{color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.shop-product h3{font-size:17px;line-height:1.5;margin:21px 0 10px;overflow-wrap:anywhere}.shop-product a,.shop-order a,.shop-dialog a{color:#b5e5fa;text-decoration:none}.shop-product a:hover,.shop-order a:hover{text-decoration:underline}.shop-description{font-size:13px;line-height:1.8;color:#9cb6c7;white-space:pre-line;overflow-wrap:anywhere;margin:0 0 18px;flex:1}.shop-stock{font-size:12px;color:#99bdc9;margin:8px 0 18px}.shop-stock.sold-out{color:#aa8e9d}.shop-product-bottom{justify-content:space-between;border-top:1px solid var(--line);padding-top:18px}.shop-product-bottom strong{display:flex;align-items:center;gap:8px;color:#c7ebfc}.shop-product button,.shop-history button,.shop-dialog button{cursor:pointer;background:#a6dcf21b;border:1px solid #a1d8f23b;color:#d1efff;border-radius:9px;padding:11px 17px;font:inherit;font-size:13px}.shop-product button:disabled{opacity:.35;cursor:default}.shop-empty{grid-column:1/-1;text-align:center;padding:50px 24px!important;color:var(--muted)}.shop-empty>.bywow-icon{width:42px;height:42px;color:#9bd6ee}.shop-empty h3{color:var(--text)}.shop-history{margin-top:24px}.shop-heading{justify-content:space-between}.shop-heading h2{display:flex;align-items:center;gap:10px;font-size:20px}.shop-order{display:grid;grid-template-columns:minmax(0,1fr) auto 200px;align-items:center;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.shop-order small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.shop-order-status{font-size:12px;color:#9bbacb}.shop-order-status.status-delivered{color:#a8dcd6}.shop-order-status.status-needs_review{color:#d3b5cf}.shop-dialog{width:min(480px,calc(100% - 32px));background:rgba(7,22,38,.94);color:var(--text);border:1px solid #a5dbf344;border-radius:18px;padding:30px;backdrop-filter:blur(46px);-webkit-backdrop-filter:blur(46px);box-shadow:0 25px 100px #0009}.shop-dialog::backdrop{background:#020b17b0;backdrop-filter:blur(6px)}.shop-dialog .shop-close{position:absolute;right:14px;top:12px;padding:4px 10px}.shop-dialog p{line-height:1.7;font-size:14px}.shop-dialog .muted{color:var(--muted)}.shop-dialog #shop-pay{margin:12px 8px 0 0}.shop-dialog #shop-pay:disabled{opacity:.5}.shop-product .bywow-icon,.shop-heading .bywow-icon,.shop-wallet .bywow-icon,.shop-categories .bywow-icon{flex-shrink:0}.shop-layout .panel,.shop-intro,.shop-history{backdrop-filter:blur(46px);-webkit-backdrop-filter:blur(46px)}
@media(min-width:1250px){.shop-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.shop-layout{grid-template-columns:1fr}.shop-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.shop-armor{grid-column:1/-1;display:flex;margin-left:0;border-left:0;gap:4px}.shop-intro{align-items:flex-start;flex-direction:column}.shop-categories button{font-size:12px;padding:11px 8px}.shop-order{grid-template-columns:minmax(0,1fr) auto}.shop-order-status{grid-column:1/-1}}@media(max-width:520px){.shop-catalog,.shop-toolbar{grid-template-columns:1fr}.shop-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-armor{flex-wrap:wrap}.shop-armor button{width:auto}.shop-product{padding:20px!important}}

/* Keep Wowhead popovers above the native purchase dialog and its blurred backdrop. */
body > .wowhead-tooltip{z-index:2147483000!important}
body > .wowhead-tooltip[popover]{margin:0;padding:0;border:0;inset:auto;overflow:visible;background:transparent;color:inherit;pointer-events:none}
body > .wowhead-tooltip[popover]::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Side-opening rarity panels: no vertical movement of the category list. */
#page .shop-sidebar{position:relative;z-index:30}
#page .cosmetic-menu{overflow:visible}
#page .cosmetic-menu-group{position:relative}
#page .cosmetic-menu [data-kind] .shop-menu-chevron{transform:rotate(-90deg)}
#page .cosmetic-menu [data-kind][aria-expanded=true] .shop-menu-chevron{transform:rotate(-90deg) translateY(2px)}
@media(min-width:901px){
 #page .cosmetic-menu-group>.shop-menu-collapse{position:absolute;left:calc(100% + 12px);top:0;width:220px;display:block;grid-template-rows:none;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:50}
 #page .cosmetic-menu-group>.shop-menu-collapse:before{content:'';position:absolute;top:0;bottom:0;right:100%;width:16px}
 #page .cosmetic-menu-group>.shop-menu-collapse.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
 #page .cosmetic-menu-group>.shop-menu-collapse>.shop-menu-children{box-sizing:border-box;margin:0;border:1px solid #90c5df55;border-radius:13px;padding:10px!important;background:linear-gradient(145deg,#153449ed,#081c2bf5);backdrop-filter:blur(18px);box-shadow:0 12px 28px #0006;gap:5px;overflow:visible}
 #page .cosmetic-menu-group>.shop-menu-collapse>.shop-menu-children button{width:100%;min-height:42px;padding:10px 13px}
}
@media(max-width:900px){
 #page .cosmetic-menu [data-kind] .shop-menu-chevron{transform:none}
 #page .cosmetic-menu [data-kind][aria-expanded=true] .shop-menu-chevron{transform:rotate(180deg)}
 #page .cosmetic-menu-group>.shop-menu-collapse{max-width:100%}
 #page .shop-sidebar{z-index:5}
}
@media(prefers-reduced-motion:reduce){#page .cosmetic-menu-group>.shop-menu-collapse{transition:none;transform:none}}