.store-page { min-width: 320px; background: #050b17; }
.store-page input, .store-page button { font-family: var(--site-font); }
.store-shell {
  min-height: 100vh;
  overflow: hidden;
  position: relative;
  background:
    linear-gradient(180deg, rgba(4,12,30,.32), rgba(4,11,26,.9) 590px, #060c19 100%),
    url("assets/minecraft-world.webp") center top / max(100%, 1680px) auto no-repeat,
    #07101e;
}
.store-shell::before {
  content: ""; position: absolute; inset: 390px 0 auto; height: 700px; pointer-events: none;
  background: radial-gradient(circle at 15% 20%, rgba(53,214,242,.11), transparent 25%), radial-gradient(circle at 85% 38%, rgba(71,246,177,.09), transparent 23%);
}
.store-page .site-header { direction: ltr; }
.store-main { width: min(1180px, calc(100% - 48px)); margin: 0 auto; position: relative; z-index: 2; }

.payment-notice { margin-bottom: 20px; padding: 15px 18px; display: flex; align-items: center; gap: 14px; border: 1px solid; border-radius: 12px; backdrop-filter: blur(14px); }
.payment-notice > span { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; font-size: 23px; font-weight: 900; }
.payment-notice strong { display: block; font-size: 17px; }.payment-notice p { margin: 2px 0 0; color: #d8e0ec; }
.payment-notice.success { border-color: rgba(71,246,177,.55); background: rgba(12,73,58,.82); }.payment-notice.success > span { background: var(--mint); color: #05271d; }
.payment-notice.error { border-color: rgba(255,107,118,.55); background: rgba(89,24,35,.84); }.payment-notice.error > span { background: #ff6b76; color: #31070c; }

.store-hero { min-height: 420px; padding: 30px 50px 70px; display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 50px; direction: ltr; }
.store-hero-copy { direction: rtl; text-align: right; }
.eyebrow { color: #70e6fa; font: 800 13px/1 var(--site-font); letter-spacing: 2.5px; }
.store-hero h1 { margin: 13px 0 18px; color: #f4f9ff; font-size: clamp(45px, 5.5vw, 76px); line-height: 1; text-shadow: 0 5px 0 #0c4f84, 0 12px 24px #020817; -webkit-text-stroke: 1px #0e335a; }
.store-hero h1 span { color: #46e0f4; }
.store-hero-copy > p { max-width: 610px; margin: 0; color: #c4d0e0; font-size: 17px; line-height: 1.9; }
.store-server-status { width: fit-content; margin-top: 25px; padding: 8px 9px 8px 15px; display: flex; align-items: center; gap: 11px; direction: ltr; border: 1px solid rgba(116,206,231,.5); border-radius: 10px; background: rgba(5,16,32,.86); box-shadow: 0 9px 20px rgba(1,7,17,.42), inset 0 0 15px rgba(47,213,242,.08); }
.store-server-status strong { font-size: 15px; letter-spacing: .8px; }.store-server-status .pulse { width: 12px; height: 12px; border-width: 2px; }
.store-copy-ip { padding: 8px 12px; border: 1px solid #5fd8b0; border-radius: 7px; color: #ddfff4; background: linear-gradient(#31896d, #1b5345); cursor: pointer; font-weight: 800; }

.store-logo-card { width: min(330px, 100%); aspect-ratio: 1; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; border: 1px solid rgba(104,213,239,.5); border-radius: 28px; background: radial-gradient(circle at 50% 35%, rgba(28,122,157,.55), rgba(5,16,34,.93) 70%); box-shadow: inset 0 0 50px rgba(39,213,241,.12), 0 25px 65px rgba(0,6,17,.65), 0 0 35px rgba(44,216,239,.18); transform: rotate(3deg); }
.store-logo-card::after { content: ""; position: absolute; inset: 14px; border: 1px dashed rgba(102,221,241,.23); border-radius: 20px; }
.store-logo-card img { width: 145px; height: 145px; object-fit: contain; position: relative; z-index: 2; filter: drop-shadow(0 12px 16px rgba(0,0,0,.65)); }
.store-logo-card b { position: relative; z-index: 2; margin-top: 12px; font-size: 37px; letter-spacing: 6px; }.store-logo-card small { position: relative; z-index: 2; color: #61dff4; letter-spacing: 2px; }
.logo-orbit { position: absolute; width: 220px; height: 220px; border: 2px solid rgba(69,224,245,.2); border-radius: 50%; box-shadow: 0 0 38px rgba(53,214,242,.17); }

.store-category-nav { margin: -28px 0 28px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; position: relative; z-index: 3; }
.store-category-nav a { min-height: 86px; padding: 14px 16px; display: grid; grid-template-columns: 42px 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 11px; border: 1px solid rgba(91,151,188,.42); border-radius: 13px; color: #e9f4ff; text-decoration: none; background: linear-gradient(135deg, rgba(18,42,68,.96), rgba(8,22,40,.96)); box-shadow: 0 12px 25px rgba(1,7,17,.34); transition: transform .2s ease, border-color .2s ease, filter .2s ease; }
.store-category-nav a > span { grid-row: 1 / 3; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #37647d; border-radius: 10px; color: #64e4f2; background: #0c263b; font: 900 23px/1 Georgia, serif; }
.store-category-nav b { align-self: end; font-size: 15px; }.store-category-nav small { align-self: start; color: #8299af; font-size: 11px; }
.store-category-nav a:hover { transform: translateY(-3px); border-color: #59dceb; filter: brightness(1.12); }
.store-category-nav a.active { border-color: #62e3ef; background: linear-gradient(135deg, rgba(21,109,129,.94), rgba(11,50,72,.98)); box-shadow: 0 0 24px rgba(52,216,236,.18), 0 12px 25px rgba(1,7,17,.4); }
.store-category-nav a.active > span { border-color: #69e5ee; color: #ecffff; background: #11627a; }

.buyer-panel { padding: 24px 27px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 35px; align-items: center; border: 1px solid rgba(128,189,218,.42); border-radius: 17px; background: linear-gradient(120deg, rgba(19,37,62,.96), rgba(10,24,43,.94)); box-shadow: 0 18px 40px rgba(1,7,17,.42), inset 0 0 30px rgba(58,206,239,.05); }
.buyer-heading { display: flex; gap: 15px; align-items: center; }.step-number { color: rgba(90,224,245,.26); font: 900 57px/1 sans-serif; }
.buyer-heading h2, .products-heading h2 { font-size: 28px; }.buyer-heading p { margin: 4px 0 0; color: #97a9bf; font-size: 13px; line-height: 1.7; }
.buyer-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.buyer-fields label { display: grid; gap: 7px; color: #cdd8e7; font-size: 13px; font-weight: 700; }
.buyer-fields label b { color: #56e4ed; }.buyer-fields label small { color: #7e91a9; font-weight: 500; }
.buyer-fields input { width: 100%; min-height: 49px; padding: 0 14px; border: 1px solid #294864; border-radius: 9px; outline: none; color: #edf8ff; background: #09172a; transition: .2s ease; }
.buyer-fields input::placeholder { color: #64778e; }.buyer-fields input:focus { border-color: #42d9ef; box-shadow: 0 0 0 3px rgba(53,214,242,.12), 0 0 15px rgba(53,214,242,.13); }
.buyer-fields input.invalid { border-color: #ff6f7c; animation: shake .25s linear 2; } @keyframes shake { 50% { transform: translateX(4px); } }

.products-section { padding: 75px 0 50px; content-visibility: auto; contain-intrinsic-size: auto 1100px; }.products-heading { margin-bottom: 25px; display: flex; align-items: end; justify-content: space-between; }.products-heading .eyebrow { display: block; margin-bottom: 10px; }
.product-count { padding: 8px 12px; border: 1px solid #2b526c; border-radius: 8px; color: #9ec4d7; background: #0b1a2e; font-size: 13px; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; }
.product-card { min-height: 355px; padding: 22px; position: relative; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(128,173,205,.36); border-radius: 15px; background: radial-gradient(circle at 50% 12%, rgba(47,83,111,.42), rgba(13,26,46,.98) 66%); box-shadow: 0 15px 30px rgba(1,7,17,.38); transition: transform .25s ease, border-color .25s ease, filter .25s ease; }
.product-card::after { content: ""; position: absolute; width: 110px; height: 110px; left: -55px; top: -55px; border-radius: 50%; background: currentColor; opacity: .06; box-shadow: 0 0 55px currentColor; }
.product-card:hover { transform: translateY(-7px); border-color: rgba(76,218,241,.7); filter: brightness(1.07); }.featured-product { border-color: rgba(78,229,244,.73); box-shadow: 0 0 25px rgba(43,216,238,.16), 0 15px 30px rgba(1,7,17,.45); }
.popular-badge { position: absolute; top: 15px; left: 15px; padding: 6px 9px; border: 1px solid #75daba; border-radius: 6px; color: #caffed; background: #185944; font-size: 11px; font-weight: 800; }
.product-icon { height: 115px; display: grid; place-items: center; color: currentColor; font: 900 88px/1 Georgia, serif; text-shadow: 0 5px 0 rgba(3,14,28,.75), 0 0 23px currentColor; }
.tone-copper { color: #d8894f; }.tone-iron { color: #bdcbd6; }.tone-gold { color: #ffca45; }.tone-diamond { color: #4ee5f2; }.tone-slime { color: #58ee9d; }.tone-key { color: #d8a35d; }.tone-rank { color: #9daaf7; }.tone-netherite { color: #a78bc0; }.tone-venux { color: #66e7ff; }
.product-copy { color: var(--text); }.product-code { color: currentColor; font: 800 11px/1 sans-serif; letter-spacing: 1.3px; }.product-card h3 { margin-top: 8px; font-size: 24px; }
.product-card h3 a { color: inherit; text-decoration: none; }.product-card h3 a:hover { color: #70e6fa; }
.product-card p { min-height: 53px; margin: 9px 0 20px; color: #9daec1; font-size: 13px; line-height: 1.75; }
.product-buy-row { margin-top: auto; padding-top: 17px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid rgba(114,151,181,.2); }
.price { display: flex; align-items: baseline; gap: 5px; color: #eff8ff; }.price strong { font-size: 20px; }.price span { color: #8598ad; font-size: 11px; }
.buy-btn, .primary-button { min-height: 43px; padding: 0 17px; border: 1px solid #63e1e9; border-radius: 8px; color: #efffff; background: linear-gradient(110deg, #168e83, #156fa0); box-shadow: inset 0 0 14px rgba(131,255,246,.16), 0 5px 12px rgba(1,9,18,.35); cursor: pointer; font-weight: 900; transition: .2s ease; }
.buy-btn:hover, .primary-button:hover { transform: translateY(-2px); filter: brightness(1.18); }.buy-btn span { margin-right: 5px; }

.store-help { margin: 5px 0 70px; padding: 19px 25px; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; border: 1px solid #1e3852; border-radius: 14px; background: rgba(8,20,37,.82); }
.store-help > div { display: grid; grid-template-columns: 42px 1fr; align-items: center; column-gap: 11px; }.store-help > div > span { grid-row: 1/3; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #3b7189; border-radius: 9px; color: #63e1ec; background: #102a3f; font-size: 21px; font-weight: 900; }
.store-help strong { font-size: 14px; }.store-help small { color: #7f93aa; }

.store-footer { min-height: 120px; padding: 20px max(24px, calc((100% - 1180px)/2)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; position: relative; z-index: 2; border-top: 1px solid #1b2e49; color: #8fa0b5; background: rgba(5,11,24,.94); }
.store-footer > a:last-child { justify-self: end; color: #8bddec; text-decoration: none; }.footer-brand { display: flex; align-items: center; gap: 11px; color: white; text-decoration: none; direction: ltr; }
.footer-brand img { width: 48px; height: 48px; object-fit: contain; border-radius: 9px; }.footer-brand span { display: grid; }.footer-brand b { letter-spacing: 1px; }.footer-brand small { color: #55d7eb; }.store-top-button { display: none; }

.purchase-modal[hidden] { display: none; }.purchase-modal { position: fixed; inset: 0; z-index: 100; padding: 20px; display: grid; place-items: center; background: rgba(1,6,14,.78); backdrop-filter: blur(7px); }
.modal-card { width: min(460px,100%); padding: 28px; position: relative; border: 1px solid rgba(90,211,233,.55); border-radius: 17px; color: var(--text); background: linear-gradient(145deg, #142943, #09182b); box-shadow: 0 25px 75px #010711, inset 0 0 25px rgba(57,215,239,.06); }
.modal-close { position: absolute; top: 13px; left: 13px; width: 36px; height: 36px; border: 1px solid #35536c; border-radius: 8px; color: #b9c7d7; background: #0b1b2e; font-size: 25px; cursor: pointer; }
.modal-label { color: #63dfef; font-size: 12px; font-weight: 800; }.modal-card h2 { margin: 8px 0 22px; font-size: 28px; }.modal-card dl { margin: 0; display: grid; gap: 10px; }
.modal-card dl > div { padding: 11px 13px; display: flex; justify-content: space-between; gap: 20px; border: 1px solid #263f58; border-radius: 8px; background: #09182a; }.modal-card dt { color: #8296ad; }.modal-card dd { margin: 0; font-weight: 800; }
.modal-note { margin: 17px 0 5px; color: #95a8bd; font-size: 12px; }.modal-status { min-height: 21px; margin: 8px 0; color: #74dfeb; font-size: 13px; }.modal-status.error { color: #ff8992; }
.modal-actions { display: grid; grid-template-columns: 1fr 1.4fr; gap: 10px; margin-top: 15px; }.secondary-button { border: 1px solid #395269; border-radius: 8px; color: #c2cedb; background: #102238; cursor: pointer; font-weight: 800; }.primary-button:disabled { opacity: .58; cursor: wait; transform: none; }
.store-toast { direction: rtl; } body.modal-open { overflow: hidden; }

@media (max-width: 900px) {
  .store-hero { grid-template-columns: 1fr .65fr; padding-inline: 20px; gap: 25px; }.store-logo-card { border-radius: 21px; }.store-logo-card img { width: 105px; height: 105px; }.store-logo-card b { font-size: 25px; }
  .store-category-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }.buyer-panel { grid-template-columns: 1fr; }.product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.store-footer { grid-template-columns: 1fr 1fr; }.store-footer p { display: none; }
}
@media (max-width: 680px) {
  .store-main { width: min(100% - 28px,1180px); }.store-hero { min-height: auto; padding: 25px 0 55px; grid-template-columns: 1fr; }.store-hero-copy { text-align: center; }.store-hero-copy > p { font-size: 15px; }.store-server-status { margin-inline: auto; }
  .store-logo-card { width: 220px; grid-row: 1; }.store-logo-card img { width: 95px; height: 95px; }.logo-orbit { width: 155px; height: 155px; }.buyer-panel { padding: 21px 17px; gap: 20px; }.buyer-fields { grid-template-columns: 1fr; }
  .products-section { padding-top: 55px; }.products-heading { align-items: start; }.product-grid { grid-template-columns: 1fr; }.product-card { min-height: 335px; }.store-help { grid-template-columns: 1fr; }
  .store-footer { grid-template-columns: 1fr; text-align: center; }.footer-brand, .store-footer > a:last-child { justify-self: center; }
}
@media (max-width: 440px) {
  .store-server-status { width: 100%; flex-wrap: wrap; justify-content: center; }.store-server-status strong { font-size: 13px; }.store-category-nav { grid-template-columns: 1fr; margin-top: -18px; }.store-category-nav a { min-height: 70px; }.buyer-heading { align-items: start; }.step-number { font-size: 42px; }.products-heading h2 { font-size: 25px; }.product-count { display: none; }
  .modal-actions { grid-template-columns: 1fr; }.secondary-button { min-height: 43px; }
}
@media (prefers-reduced-motion: reduce) { .product-card, .buy-btn, .primary-button { transition: none; } }