/* ATHAN trading post. These changes apply only to the shop. */
.shop-redesign .demo-banner{flex-wrap:nowrap}
.shop-redesign .demo-banner>div:last-child{width:auto;flex:none}
.store-dialog .shop-concept-art{position:absolute;inset:0;min-height:0;padding:0;display:block}
.store-dialog .shop-concept-art>img{width:100%;height:100%;display:block;object-fit:contain}
.store-dialog .shop-concept-art>span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;background:#150d15bb;padding:4px 8px;border-radius:4px;color:#cfb0bd}
body:is([data-page=shop],[data-page=topup],[data-page=orders],[data-page=rewards]){background:#100c10}
body:is([data-page=shop],[data-page=topup],[data-page=orders],[data-page=rewards]) #main-content{position:relative;isolation:isolate}
body:is([data-page=shop],[data-page=topup],[data-page=orders],[data-page=rewards]) #main-content:before{content:'';position:absolute;top:0;left:0;right:0;height:850px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#140a10d9,#100c10f5 75%,#100c10),url('assets/athan-frontier.jpg') center 38%/cover no-repeat;opacity:.75}
body:is([data-page=shop],[data-page=topup],[data-page=orders],[data-page=rewards]) #site-header .masthead{min-height:88px;padding:4px 0}
body:is([data-page=shop],[data-page=topup],[data-page=orders],[data-page=rewards]) #site-header .brand-logo{width:190px;max-height:76px}
.shop-redesign{max-width:1320px;padding:0 32px}
.shop-toolbar{display:grid;grid-template-columns:190px minmax(0,1fr) 280px;align-items:center;gap:25px;min-height:101px;border-bottom:1px solid #ae62672b}
.shop-toolbar .store-wordmark{font-size:24px;color:#f6e4da}.shop-toolbar .store-wordmark span{font-size:7px;color:#bd7a85;letter-spacing:.28em}
.shop-toolbar .store-nav{justify-content:center;gap:4px;border:0;padding:0;flex-wrap:nowrap;min-width:0}
.shop-toolbar .store-nav a{font-size:11px;white-space:nowrap;min-height:44px;padding:12px 14px;border-radius:8px}
.shop-toolbar .store-nav a[aria-current=page]{background:#a42b4226;color:#f8d3d6}.shop-toolbar .store-nav a[aria-current=page]:after{bottom:5px;left:14px;right:14px}
.shop-account-slot .account-toolbar{background:none}.shop-account-slot .account-toolbar-inner{width:100%;min-height:0;padding:12px 0 9px;margin:0}
.shop-account-slot .header-account{width:280px}.shop-account-slot .header-account>.store-account{min-height:47px;border-radius:10px;padding:7px 11px}
.shop-account-slot .discord-trigger-avatar{width:31px;height:31px}.shop-account-slot .discord-trigger-identity strong{font-size:11px}.shop-account-slot .discord-trigger-identity small{font-size:8px}.shop-account-slot .header-account-balance{font-size:7px;margin-top:4px}
.shop-redesign .demo-banner{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 0;padding:8px 12px;min-height:33px;border:1px solid #c28a6230;border-radius:6px;background:#9b61320a}
.shop-redesign .demo-banner>div:first-child{display:flex;align-items:center;gap:12px;min-width:0}.shop-redesign .demo-banner strong{font-size:8px;white-space:nowrap;letter-spacing:.1em;color:#d9a27c}.shop-redesign .demo-banner p{font-size:9px;margin:0;line-height:1.6;color:#b2989c}.shop-redesign .demo-banner a{font-size:9px;white-space:nowrap}
.shop-redesign .store-main{padding-top:24px}.shop-redesign .store-title{margin-bottom:20px}.shop-redesign .store-title>.eyebrow{font-size:8px;letter-spacing:.25em;margin-bottom:7px;color:#e38d99}
.shop-redesign .store-title h1{font-size:clamp(25px,2.4vw,34px);line-height:1.55;color:#f6e4dc;font-weight:600}.shop-redesign .store-title>p:last-child:not(.eyebrow){font-size:11px;margin-top:5px;color:#bda2aa}
.shop-redesign .store-featured{grid-template-columns:1.05fr .95fr;min-height:290px;margin-bottom:30px;border:1px solid #bf59685c;border-radius:16px;background:radial-gradient(ellipse at 0% 0%,#6a1b3036,transparent 70%),#160e15;box-shadow:0 18px 50px #0004}
.shop-redesign .store-featured-copy{padding:30px 35px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.shop-redesign .store-featured-copy .store-badge{font-size:8px;background:#8f26352b;border:1px solid #c8546a55;color:#f1bbc4;padding:5px 10px}
.shop-redesign .store-featured-copy h2{font-size:clamp(23px,2.2vw,30px);line-height:1.5;margin:13px 0 9px;max-width:100%;color:#fff0e7;font-weight:600}
.shop-redesign .store-featured-copy>p{font-size:11px;line-height:1.8;max-width:460px;color:#bea3ae;margin:0 0 12px}
.shop-redesign .store-featured-copy>strong{font-size:27px;color:#f498ae;margin:2px 0 15px;line-height:1.4}
.shop-redesign .store-featured-copy .store-actions{gap:9px;margin:0}.shop-redesign .store-featured-copy .btn{min-height:44px;font-size:11px;padding:10px 19px}.shop-redesign .btn.primary{background:#e60b3c;border-color:#e60b3c;box-shadow:0 4px 18px #d6173820}
.shop-redesign .store-featured-art{min-height:290px;background:radial-gradient(ellipse at 50% 45%,#5d1c2d70,transparent 70%),#160e15;border-left:1px solid #b1707330;overflow:hidden}
.shop-redesign .store-featured-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-height:none}
.shop-redesign .store-featured-art .shop-featured-art-note{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:0;white-space:nowrap;color:#c2a5ab;background:#170e17cc;border-radius:4px;padding:4px 8px;margin:0}
.shop-redesign .store-featured-art>button{z-index:2;width:36px;height:36px;right:12px;top:12px;background:#130b13ba;border-color:#b3767f4f}
.shop-redesign .store-catalog-heading{align-items:center;margin-bottom:13px}.shop-redesign .store-catalog-heading h2{font-size:23px;letter-spacing:0}.shop-redesign .store-catalog-heading>span{font-size:10px;color:#bca2ac}
.shop-redesign .store-filters{padding:0 0 14px;gap:15px;border-top:0;border-bottom:1px solid #b5727c30;align-items:center}
.shop-redesign .store-filter-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.shop-redesign .store-filter-buttons>button{min-height:42px;padding:10px 17px;font-size:11px;border-radius:7px;border-color:#a06b782c;background:#1d131b;color:#c8b0ba;white-space:nowrap}
.shop-redesign .store-filter-buttons>button[aria-pressed=true]{background:#971e39;border-color:#cd3552;color:#ffebef}
.shop-redesign .store-search{min-height:43px;width:250px;font-size:11px;border:1px solid #ad6b7e38;border-radius:7px;background:#1a1219;padding:10px 14px;color:#f0dbe1}
.shop-redesign .store-result{font-size:9px;margin:12px 0 17px;color:#a68b99}
.shop-redesign .store-product-grid{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.shop-redesign .store-product{border:1px solid #b87d7b30;border-radius:12px;background:linear-gradient(145deg,#20131d,#160f17);overflow:hidden;transition:transform .22s,border-color .22s,box-shadow .22s}
.shop-redesign .store-product:hover{border-color:#c54b6570;transform:translateY(-4px);box-shadow:0 14px 28px #0004}
.shop-redesign .store-art{aspect-ratio:4/3;background:#1a1119}.shop-redesign .store-art>img{object-fit:cover}
.shop-redesign .shop-concept-art{position:absolute;inset:0;padding:0;min-height:0;display:block}
.shop-redesign .shop-concept-art>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}
.shop-redesign .store-product:hover .shop-concept-art>img{transform:scale(1.035)}
.shop-redesign .shop-concept-art>span{position:absolute;bottom:8px;right:9px;font-size:7px;letter-spacing:0;color:#c4a5af;background:#1b111ac9;border-radius:4px;padding:3px 5px}
.shop-redesign .store-card-tag{left:11px;bottom:10px;font-size:8px;border-radius:4px;padding:3px 7px;color:#ead1d4;background:#110b13cc;border:1px solid #b17f782f}
.shop-redesign .store-card-tools{right:8px;top:8px;gap:5px}.shop-redesign .store-card-tools button{width:31px;height:31px;border:1px solid #c4968c33;background:#100b14b8;color:#d9b8c3;font-size:17px;border-radius:50%}
.shop-redesign .store-product-body{padding:18px;display:flex;flex-direction:column;min-height:224px}.shop-redesign .store-product-body h2{font-size:14px;font-weight:500;line-height:1.6;min-height:45px;margin:0 0 8px}.shop-redesign .store-product-body h2 button{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#f4ddd9}
.shop-redesign .store-product-body>p{font-size:10px;line-height:1.8;min-height:36px;margin:0 0 14px;color:#b299a8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shop-redesign .store-product-price{font-size:21px;color:#f39ab1;margin:auto 0 3px;min-height:30px;line-height:1.5}.shop-redesign .store-product-body>small{font-size:8px;color:#a38698;margin:0 0 14px;line-height:1.6}
.shop-redesign .store-detail-link{width:100%;min-height:42px;border:1px solid #b975843d;border-radius:6px;padding:10px 12px;background:#8d243318;color:#e5bcc8;font-size:10px;display:flex;align-items:center;justify-content:space-between;margin-top:0}
.shop-redesign .store-detail-link:hover{border-color:#d44d6a;color:#fff;background:#9c28332c}
.shop-service-note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px;padding:23px 0;border-top:1px solid #a36b7529;border-bottom:1px solid #a36b7529}
.shop-service-note>div{display:flex;gap:13px;align-items:center;min-width:0}.shop-service-note>div>span{font-family:Georgia,serif;font-size:27px;color:#9f5365}.shop-service-note strong{display:block;font-size:11px;color:#dcc2c9;font-weight:500}.shop-service-note small{display:block;font-size:9px;line-height:1.8;margin-top:4px;color:#957a8a}
.shop-redesign .store-footnote{border-top:0;margin-top:0;padding:20px 0;font-size:8px;color:#947788}.shop-zoom-note{text-align:center;font-size:12px;padding:12px;color:#d7b8c3}
@media(max-width:1150px){.shop-toolbar{grid-template-columns:1fr 280px;gap:6px 20px;min-height:0;padding-top:7px}.shop-toolbar .store-nav{grid-row:2;grid-column:1/-1;justify-content:flex-start;padding:3px 0 10px}.shop-account-slot{grid-row:1;grid-column:2}.shop-toolbar .store-nav a{padding:10px 17px}.shop-redesign .store-product-grid{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.shop-redesign .store-featured-copy{padding:25px}.shop-redesign .store-search{width:230px}.shop-redesign .store-filters{align-items:stretch}.shop-redesign .store-product-price{font-size:18px}}
@media(max-width:767px){body:is([data-page=shop],[data-page=topup],[data-page=orders],[data-page=rewards]) #site-header .masthead{min-height:76px;padding:4px 0}body:is([data-page=shop],[data-page=topup],[data-page=orders],[data-page=rewards]) #site-header .brand-logo{width:165px}.shop-redesign{padding:0 20px}.shop-toolbar{grid-template-columns:minmax(0,1fr) 230px;gap:0 12px}.shop-toolbar .store-wordmark{font-size:21px}.shop-toolbar .store-wordmark span{font-size:6px}.shop-account-slot .header-account{width:230px}.shop-account-slot .header-account .discord-trigger-identity strong{font-size:10px}.shop-account-slot .header-account .discord-trigger-identity small{font-size:7px}.shop-account-slot .header-account .discord-trigger-avatar{width:29px;height:29px}.shop-account-slot .header-account>.store-account{padding:7px 9px;gap:9px;min-height:45px}.shop-account-slot .header-account-balance{font-size:6px;gap:4px}.shop-account-slot .header-account-balance strong{font-size:7px!important}.shop-toolbar .store-nav{justify-content:space-between;padding-bottom:7px;gap:0}.shop-toolbar .store-nav a{font-size:10px;padding:9px 12px}.shop-redesign .demo-banner{margin-top:10px;padding:7px 9px;gap:10px}.shop-redesign .demo-banner>div:first-child{gap:6px}.shop-redesign .demo-banner strong{font-size:7px}.shop-redesign .demo-banner p{font-size:8px;line-height:1.5}.shop-redesign .demo-banner a{font-size:8px}.shop-redesign .store-main{padding-top:19px}.shop-redesign .store-title{margin-bottom:15px}.shop-redesign .store-title h1{font-size:25px;line-height:1.55;max-width:550px}.shop-redesign .store-title>p:last-child:not(.eyebrow){font-size:10px}.shop-redesign .store-featured{grid-template-columns:1fr 1fr;min-height:230px;margin-bottom:24px}.shop-redesign .store-featured-copy{padding:21px;grid-row:1}.shop-redesign .store-featured-copy h2{font-size:21px;margin:9px 0 7px}.shop-redesign .store-featured-copy>p{font-size:10px}.shop-redesign .store-featured-copy>strong{font-size:23px;margin:0 0 11px}.shop-redesign .store-featured-art{min-height:230px;grid-row:1}.shop-redesign .store-featured-copy .store-actions{flex-wrap:wrap;gap:7px}.shop-redesign .store-featured-copy .btn{font-size:10px;padding:8px 13px;min-height:42px}.shop-redesign .store-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shop-redesign .store-filters{display:flex;flex-direction:column;gap:10px}.shop-redesign .store-filter-buttons{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:3px;scrollbar-width:thin}.shop-redesign .store-filter-buttons>button{font-size:10px;min-height:40px;padding:9px 13px}.shop-redesign .store-search{width:100%;font-size:11px;min-height:42px}.shop-redesign .store-product-body{padding:15px;min-height:218px}.shop-redesign .store-product-body h2{font-size:13px}.shop-service-note{gap:14px;padding:19px 0}.shop-service-note>div{align-items:flex-start;gap:8px}.shop-service-note>div>span{font-size:22px}.shop-service-note strong{font-size:10px}.shop-service-note small{font-size:8px}.shop-redesign .store-footnote{gap:6px;line-height:1.8}}
@media(max-width:500px){.shop-redesign{padding:0 17px}.shop-toolbar{grid-template-columns:minmax(0,1fr) 215px;gap:0 9px}.shop-toolbar .store-wordmark{font-size:18px;letter-spacing:.1em;display:block}.shop-toolbar .store-wordmark span{font-size:5px;letter-spacing:.16em;display:block;margin-top:5px}.shop-account-slot .header-account{width:215px}.shop-account-slot .account-toolbar-inner{padding:8px 0 5px}.shop-account-slot .header-account-balance{margin-top:3px}.shop-toolbar .store-nav a{padding:10px 8px;font-size:9px}.shop-redesign .demo-banner p{display:none}.shop-redesign .demo-banner{padding:6px 9px;min-height:29px}.shop-redesign .store-title>.eyebrow{font-size:7px;margin-bottom:6px}.shop-redesign .store-title h1{font-size:23px;max-width:310px}.shop-redesign .store-title>p:last-child:not(.eyebrow){font-size:9px}.shop-redesign .store-featured{display:flex;flex-direction:column;min-height:0;border-radius:13px}.shop-redesign .store-featured-art{order:0;min-height:170px;height:170px;border-left:0;border-bottom:1px solid #ac71742b}.shop-redesign .store-featured-art>img{object-fit:contain}.shop-redesign .store-featured-copy{order:1;padding:18px 20px}.shop-redesign .store-featured-copy .store-badge{font-size:7px;padding:3px 8px}.shop-redesign .store-featured-copy h2{font-size:22px;line-height:1.5;max-width:100%;margin:9px 0 7px}.shop-redesign .store-featured-copy>p{font-size:10px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.shop-redesign .store-featured-copy>strong{font-size:24px;margin-bottom:12px}.shop-redesign .store-featured-copy .store-actions{display:flex;flex-wrap:nowrap;width:100%;gap:8px}.shop-redesign .store-featured-copy .store-actions .btn{flex:1;min-height:44px;padding:9px 10px;white-space:nowrap;font-size:10px}.shop-redesign .store-featured-art .shop-featured-art-note{font-size:7px;bottom:8px}.shop-redesign .store-catalog-heading h2{font-size:20px}.shop-redesign .store-catalog-heading>span{font-size:8px}.shop-redesign .store-product-grid{gap:11px}.shop-redesign .store-art{aspect-ratio:1/1}.shop-redesign .store-card-tools button{width:28px;height:28px;font-size:15px}.shop-redesign .store-card-tools{top:6px;right:6px;gap:3px}.shop-redesign .store-card-tag{font-size:7px;left:7px;bottom:7px;padding:2px 5px}.shop-redesign .shop-concept-art>span{font-size:5px;right:5px;bottom:7px;padding:2px 3px}.shop-redesign .store-product-body{padding:12px;min-height:228px}.shop-redesign .store-product-body h2{font-size:12px;min-height:39px;line-height:1.6;margin-bottom:7px}.shop-redesign .store-product-body>p{font-size:9px;min-height:33px;margin-bottom:12px}.shop-redesign .store-product-price{font-size:16px;line-height:1.5;min-height:48px}.shop-redesign .store-product-body>small{font-size:7px;margin-bottom:10px;min-height:23px}.shop-redesign .store-detail-link{font-size:9px;min-height:40px;padding:9px}.shop-service-note{grid-template-columns:1fr;gap:15px;margin-top:24px;padding:20px 0}.shop-service-note>div{align-items:center;gap:13px}.shop-service-note>div>span{font-size:24px}.shop-service-note strong{font-size:11px}.shop-service-note small{font-size:9px;margin-top:2px}.shop-redesign .store-footnote{font-size:7px;display:flex;flex-direction:column;align-items:flex-start;padding:17px 0}}
@media(max-width:359px){.shop-toolbar{grid-template-columns:minmax(0,1fr) 190px;gap:0 5px}.shop-toolbar .store-wordmark{font-size:15px}.shop-account-slot .header-account{width:190px}.shop-account-slot .header-account .discord-trigger-identity strong{font-size:9px}.shop-account-slot .header-account .discord-trigger-identity small{font-size:6px}.shop-account-slot .header-account-balance{font-size:5px;gap:3px}.shop-account-slot .header-account-balance strong{font-size:6px!important}.shop-redesign .store-title h1{font-size:21px}.shop-redesign .store-product-grid{grid-template-columns:1fr}.shop-redesign .store-art{aspect-ratio:4/3}.shop-redesign .store-product-body{min-height:0;padding:17px}.shop-redesign .store-product-body h2{font-size:14px;min-height:0}.shop-redesign .store-product-body>p{font-size:10px;min-height:0}.shop-redesign .store-product-price{font-size:21px;min-height:0}.shop-redesign .store-product-body>small{font-size:8px;min-height:0}.shop-redesign .shop-concept-art>span{font-size:8px}.shop-redesign .store-card-tag{font-size:8px}}
@media(prefers-reduced-motion:reduce){.shop-redesign .store-product,.shop-redesign .shop-concept-art>img{transition:none}.shop-redesign .store-product:hover,.shop-redesign .store-product:hover .shop-concept-art>img{transform:none}}