/* IMPERIVM portal 2026: native item art, compact catalog and CEF layout. */
.itemshop-page{--shop-bg:#151617;--shop-panel:#222325;--shop-line:#514837;--shop-gold:#d3b47e;--shop-ink:#e9e2d5;background:#151617;color:var(--shop-ink)}
.itemshop-page .shop-shell{max-width:1360px;padding-top:34px;color:var(--shop-ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.5}
.itemshop-page .shop-heading{padding:0 0 18px;gap:24px;align-items:center;flex-wrap:nowrap}
.itemshop-page .shop-heading h1{font:small-caps 32px/1.2 Georgia,serif;color:#e5ceaa;margin:3px 0 8px}
.itemshop-page .shop-heading p,.itemshop-page .shop-note{color:#bcb4a6}
.itemshop-page .shop-eyebrow{color:#bd9b65;font-size:10px;letter-spacing:1.4px}
.itemshop-page .shop-wallet{gap:10px;width:auto;flex:1;max-width:720px}
.itemshop-page .shop-wallet-entry{background:linear-gradient(120deg,#2d2a26,#202123);border:1px solid #524735;box-shadow:inset 0 1px #ffffff0a;border-radius:5px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:11px 14px;align-items:center;min-width:0;color:#e9ddc7}
.itemshop-page .shop-wallet-entry[aria-current]{border-color:#b1844b;background:linear-gradient(120deg,#393128,#242426)}
.itemshop-page .shop-wallet-entry img{width:34px;height:34px;grid-row:auto}
.itemshop-page .shop-wallet-entry strong,.itemshop-page .shop-wallet-imperivm strong{font-size:20px;color:#f0d293;grid-column:3;line-height:1.2;margin:0;overflow-wrap:anywhere}
.itemshop-page .shop-wallet-entry small{font:600 13px/1.3 "Segoe UI",Tahoma,sans-serif;color:#e9ddc7}
.itemshop-page .shop-wallet-entry em{font-size:11px;color:#b4a999}
.itemshop-page .shop-tabs{border:1px solid #4e4436;background:#202123;border-radius:5px;box-shadow:inset 0 1px #ffffff08;margin-bottom:16px;padding:5px;gap:6px;display:flex}
.itemshop-page .shop-tabs a{padding:8px 17px;min-height:34px;color:#c9bdab;border:1px solid transparent;border-radius:3px;font-size:13px;line-height:1.4}
.itemshop-page .shop-tabs a[aria-current]{background:linear-gradient(#b14b36,#893125);color:#fff0dd;border-color:#c17b54 #7e4530 #643121;box-shadow:inset 0 1px #ffffff20,0 2px 4px #0004}
.itemshop-page .shop-layout{grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}
.itemshop-page .shop-sidebar{background:linear-gradient(120deg,#272624,#1d1f21);border:1px solid #514837;border-radius:5px;padding:12px 8px}
.itemshop-page .shop-sidebar h2{font:small-caps 19px/1.4 Georgia,serif;color:#d6b77e;margin:0 8px 10px}
.itemshop-page .shop-sidebar>a{color:#cbbfae;font-size:13px;padding:9px 10px;margin:3px 0;border-radius:3px}
.itemshop-page .shop-sidebar>a:hover,.itemshop-page .shop-sidebar>a[aria-current]{background:linear-gradient(90deg,#743b2c,#382824);border-color:#996245;color:#ffe6c8}
.itemshop-page .shop-sidebar .shop-market-link{border-top:1px solid #514837;color:#d3b480;font-size:12px;padding:15px 4px 2px;margin-top:20px;background:transparent}
.itemshop-page .shop-catalog-heading{margin:0 0 12px;gap:7px 14px}
.itemshop-page .shop-catalog-heading h2{font:small-caps 24px/1.2 Georgia,serif;color:#dec299}
.itemshop-page .shop-catalog-heading p{font-size:12px;color:#b9b0a0}
.itemshop-page .shop-filters{margin-bottom:12px;gap:8px}
.itemshop-page .shop-shell input:not([type=checkbox]):not([type=hidden]),.itemshop-page .shop-shell select,.itemshop-page .shop-shell textarea{background:#141617;color:#e9e2d5;border:1px solid #5b503d;border-radius:4px;min-height:36px;padding:8px 10px;font-size:13px;box-shadow:inset 0 2px 4px #0005}
.itemshop-page .shop-shell input::placeholder{color:#a79e90}
.itemshop-page .shop-button,.itemshop-page .shop-modal-footer .shop-button{background:linear-gradient(#b24a35,#883025);border-color:#bd7850 #75402c #55271e;box-shadow:inset 0 1px #ffffff20,0 2px 4px #0005;border-radius:4px;color:#fff0db;min-height:36px;padding:7px 14px;font-size:13px;font-weight:600;line-height:1.4}
.itemshop-page .shop-button:hover,.itemshop-page .shop-modal-footer .shop-button:hover{background:linear-gradient(#c15740,#9b392c);border-color:#d99666;color:#fff5e8}
.itemshop-page .shop-button-small{min-width:78px}
.itemshop-page .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.itemshop-page .shop-card{background:linear-gradient(130deg,#29292a,#1e2022);border:1px solid #574c3b;border-radius:5px;box-shadow:inset 0 1px #ffffff09,0 3px 8px #0003;overflow:hidden}
.itemshop-page .shop-card:hover{border-color:#a78450}
.itemshop-page .shop-grid .shop-card-art{height:76px;min-height:76px;margin:8px 8px 0;border:1px solid #4b4438;border-radius:3px;background:radial-gradient(ellipse,#39332b,#191b1d 74%);box-shadow:inset 0 1px 9px #0005}
.itemshop-page .shop-card-art .shop-item-icon{max-height:64px;max-width:64px;width:auto;height:auto}
.itemshop-page .shop-count{right:6px;bottom:5px;font-size:11px;color:#d5c6ad}
.itemshop-page .shop-grid .shop-card-content{padding:10px}
.itemshop-page .shop-grid .shop-card h2{font-size:13px;line-height:1.4;min-height:37px;color:#e5dccb;margin:0 0 8px}
.itemshop-page .shop-grid .shop-card-price{gap:4px;margin:0 0 10px;min-height:24px}
.itemshop-page .shop-card-price strong{font-size:18px;color:#edca83}
.itemshop-page .shop-card-price span{font-size:10px;color:#bcae95}
.itemshop-page .shop-card-price del{font-size:11px;color:#a79d8c}
.itemshop-page .shop-card-price img{width:20px;height:20px}
.itemshop-page .shop-grid .shop-card .shop-button{min-height:31px;padding:5px 10px;font-size:12px;min-width:72px}
.itemshop-page .shop-card-details{color:#c7ae86;font-size:11px;text-underline-offset:3px}
.itemshop-page .shop-card-actions{margin-top:auto}
.itemshop-page .shop-panel,.itemshop-page .shop-history-row,.itemshop-page .shop-empty{background:#222426;border:1px solid #534939;border-radius:5px;color:#e4dccd;box-shadow:inset 0 1px #ffffff08}
.itemshop-page .shop-panel h2,.itemshop-page .shop-history-row h2,.itemshop-page .shop-empty h2{color:#dfc299}
.itemshop-page .shop-history-row p,.itemshop-page .shop-specs dt,.itemshop-page .shop-description{color:#bdb5a8}
.itemshop-page .shop-detail-art{background:radial-gradient(ellipse,#383128,#191b1d 76%);border-color:#5c4e39}
.itemshop-page .shop-detail-price strong,.itemshop-page .shop-order-result strong{color:#e9c787}
.itemshop-page .shop-specs{border-color:#514837}.itemshop-page .shop-specs dd{color:#e5dccb}
.itemshop-page .shop-pages a{background:#2a2927;border:1px solid #6a5439;color:#dfc394;border-radius:4px}
.itemshop-page .shop-modal-panel.shop-shell{border-color:#90724b;border-radius:6px;background:#202224;padding:0;max-width:540px}
.itemshop-page .shop-modal-heading{background:linear-gradient(#302c27,#242426);border-color:#61503a;padding:12px 15px}
.itemshop-page .shop-modal-heading h2{font:600 17px/1.4 "Segoe UI",Tahoma,sans-serif;color:#e8d9bd}
.itemshop-page .shop-modal-scroll{padding:14px}.itemshop-page .shop-modal-footer{padding:12px 14px;background:#272625;border-color:#61503a}
.itemshop-page .shop-modal-art{background:#191b1d;border-color:#574a37;border-radius:3px}
.itemshop-page .shop-modal-description{color:#d3c9b8;font-size:13px}
.itemshop-page .shop-modal-price strong{color:#edca83}.itemshop-page .shop-back{color:#cbb084}
.shop-embedded,.shop-embedded #content{background:#151617;min-height:100vh}
.shop-embedded{scrollbar-color:#867051 #1c1e20;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.shop-embedded .shop-game-bar{min-height:40px;padding:4px 12px;background:linear-gradient(#292827,#1d1f21);border-bottom:1px solid #5b4b36;color:#c7bba5;gap:18px;font-size:12px}
.shop-game-brand{width:112px;height:33px;object-fit:contain;flex-shrink:0}
.shop-embedded .shop-shell{width:calc(100% - 24px);padding:0 0 14px;max-width:1440px}
.shop-embedded .shop-heading{padding:10px 0;gap:0}
.shop-embedded .shop-heading .shop-wallet{max-width:none;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.shop-embedded .shop-wallet-entry{padding:7px 11px;grid-template-columns:30px minmax(0,1fr) auto;gap:9px}
.shop-embedded .shop-wallet-entry img{width:30px;height:30px}
.shop-embedded .shop-wallet-entry em{display:none}
.shop-embedded .shop-wallet-entry strong{font-size:20px}
.shop-embedded .shop-tabs{margin-bottom:12px;padding:4px}
.shop-embedded .shop-tabs a{padding:5px 14px;min-height:29px;font-size:12px}
.shop-embedded .shop-layout{grid-template-columns:150px minmax(0,1fr);gap:12px}
.shop-embedded .shop-sidebar{padding:11px 6px}
.shop-embedded .shop-sidebar h2{font-size:17px}
.shop-embedded .shop-sidebar>a{font-size:12px;padding:8px}
.shop-embedded .shop-catalog-heading{margin-bottom:8px}
.shop-embedded .shop-catalog-heading h2{font-size:20px}
.shop-embedded .shop-catalog-heading p{font-size:11px}
.shop-embedded .shop-filters{margin-bottom:10px}
.shop-embedded .shop-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.shop-embedded .shop-grid .shop-card-art{height:66px;min-height:66px;margin:7px 7px 0}
.shop-embedded .shop-card-art .shop-item-icon{max-height:60px;max-width:60px}
.shop-embedded .shop-grid .shop-card-content{padding:8px}
.shop-embedded .shop-grid .shop-card h2{font-size:12px;min-height:34px;margin-bottom:5px}
.shop-embedded .shop-grid .shop-card-price{margin-bottom:7px;min-height:22px}
.shop-embedded .shop-card-price strong{font-size:17px}
.shop-embedded .shop-card-price span{font-size:9px}
.shop-embedded .shop-card-details{font-size:11px}
.shop-embedded .shop-grid .shop-card .shop-button{min-height:29px;font-size:12px;padding:4px 9px;min-width:70px}
.shop-embedded ::-webkit-scrollbar-track{background:#1c1e20}.shop-embedded ::-webkit-scrollbar-thumb{background:#867051;border-color:#1c1e20}
.shop-game-page .shop-status-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px 0}
.shop-game-page .shop-status-shell > .shop-empty{width:min(100%,540px);padding:28px 24px}
.shop-game-page .shop-status-shell > .shop-empty h2{font:600 17px/1.65 "Segoe UI",Tahoma,Arial,sans-serif;margin:20px 0 0;color:#e4dccd}
@media(max-width:1100px){.itemshop-page:not(.shop-embedded) .shop-heading{flex-wrap:wrap}.itemshop-page:not(.shop-embedded) .shop-wallet{max-width:none;width:100%;flex-basis:100%}.itemshop-page:not(.shop-embedded) .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.shop-embedded .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.itemshop-page .shop-layout{display:block}.itemshop-page .shop-sidebar{display:flex;flex-wrap:wrap;gap:3px;padding:5px;margin-bottom:12px}.itemshop-page .shop-sidebar h2,.itemshop-page .shop-sidebar .shop-market-link{display:none}.itemshop-page .shop-sidebar>a{margin:0;padding:7px 9px}.itemshop-page .shop-grid,.itemshop-page:not(.shop-embedded) .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.itemshop-page .shop-shell{width:calc(100% - 24px)}.itemshop-page .shop-heading{padding-bottom:12px}.shop-embedded .shop-game-bar{gap:10px}.shop-game-brand{width:94px}}
@media(max-width:480px){.itemshop-page .shop-wallet{grid-template-columns:1fr}.itemshop-page .shop-wallet-entry{padding:7px 9px}.itemshop-page .shop-wallet-entry strong{font-size:18px}.itemshop-page .shop-filters{flex-wrap:nowrap}.itemshop-page .shop-search{flex-basis:auto}.itemshop-page .shop-tabs a{padding:6px 9px;font-size:11px}.shop-embedded .shop-game-bar{flex-wrap:wrap;gap:4px 12px}.shop-embedded .shop-game-bar>span{font-size:11px;flex:1}.shop-embedded .shop-game-languages{margin-left:0}.itemshop-page .shop-modal-footer{grid-template-columns:1fr}.itemshop-page .shop-modal-footer .shop-button{min-height:36px}.itemshop-page .shop-card-actions{gap:6px}.itemshop-page .shop-grid .shop-card h2{min-height:37px}}
@media(max-width:700px){.itemshop-page .shop-wallet-entry{grid-template-columns:30px minmax(0,1fr);gap:3px 9px}.itemshop-page .shop-wallet-entry img{grid-column:1;grid-row:1/3}.itemshop-page .shop-wallet-entry small{grid-column:2;grid-row:1;overflow-wrap:normal}.itemshop-page .shop-wallet-entry strong{grid-column:2;grid-row:2;font-size:18px}.itemshop-page .shop-wallet-entry em{grid-column:2}}
