.shop-page{min-height:100vh;background:#07131e url('frozen-throne.png') center top/cover fixed no-repeat;color:#bdd7e5}.shop-shell{max-width:1320px;margin:0 auto;padding:120px 28px 70px}.shop-hero{text-align:center;padding:48px 20px 38px}.shop-hero h1{margin:8px 0;font:52px Georgia,serif;color:#effaff}.shop-hero>p:not(.eyebrow){color:#8ca7b7}.shop-balance{display:inline-flex;align-items:baseline;gap:10px;margin-top:22px;padding:13px 20px;border:1px solid #69cfff66;background:#09202f;box-shadow:0 0 25px #43caff16}.shop-balance small,.shop-balance span{font-size:8px;letter-spacing:1px;color:#72a7bf}.shop-balance strong{font:26px Georgia,serif;color:#c9f3ff}.shop-alert{margin:0 auto 18px;max-width:960px;padding:13px 16px;border:1px solid}.shop-alert.success{border-color:#59b98255;background:#10271c;color:#a4dfb8}.shop-alert.error{border-color:#c05f6655;background:#291418;color:#efb3b6}.shop-categories{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:25px}.shop-categories a{padding:10px 14px;border:1px solid #56869d44;background:#081a27;color:#7faec3;font-size:8px;letter-spacing:1px;transition:.35s}.shop-categories a:hover,.shop-categories a.active{border-color:#91e1ff;background:#12384c;color:#e9faff;box-shadow:0 0 14px #47d0ff2c}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.shop-card{border:1px solid #58849a3d;background:#081925e8;overflow:hidden;transition:transform .45s,border-color .45s,box-shadow .55s}.shop-card:hover{transform:translateY(-3px);border-color:#76d7ff66;box-shadow:0 14px 30px #0007,0 0 22px #43caff13}.shop-card-art{height:180px;display:grid;place-items:center;background:radial-gradient(circle,#14384c,#07131d);overflow:hidden}.shop-card-art img{width:100%;height:100%;object-fit:cover}.shop-card-art span{font-size:44px;color:#75dfff}.shop-card-body{padding:17px}.shop-card-body small{font-size:7px;letter-spacing:1.1px;color:#68a8c5}.shop-card-body h2{margin:7px 0;font:23px Georgia,serif;color:#e1f4fd}.shop-card-body p{min-height:54px;color:#819dac;font-size:10px;line-height:1.65}.shop-card-body em{display:block;color:#55798c;font-size:8px;font-style:normal}.shop-card-foot{margin-top:16px;padding-top:14px;border-top:1px solid #54788b2d}.shop-card-foot>strong{display:block;margin-bottom:10px;font:20px Georgia,serif;color:#c9efff}.shop-card-foot>strong span{font:8px Arial,sans-serif;letter-spacing:1px;color:#6fa7bf}.shop-card-foot form{display:grid;grid-template-columns:1fr auto;gap:8px}.shop-card-foot select{height:42px;border:1px solid #58859c55;background:#06141f;color:#cfe5ef;padding:0 10px}.shop-card-foot button{height:42px}.shop-card-foot button:disabled{opacity:.4}.shop-history{margin-top:45px;padding:25px;border:1px solid #55849b3d;background:#071824dd}.shop-order-list{display:grid;gap:8px}.shop-order-list article{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px;border:1px solid #537b8d2d;background:#071520}.shop-order-list strong{display:block;color:#d5edf8}.shop-order-list span{font-size:8px;color:#6e8e9f}.shop-order-status{padding:5px 8px;border:1px solid #7599aa44}.shop-order-status.pending_delivery{color:#f0cf86;border-color:#b7924d55;background:#2a220f}.shop-empty{grid-column:1/-1;padding:50px;text-align:center;border:1px solid #557b8d35;background:#071722;color:#7595a6}@media(max-width:1000px){.shop-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shop-grid{grid-template-columns:1fr}.shop-card-foot form{grid-template-columns:1fr}.shop-shell{padding-left:14px;padding-right:14px}}


/* Shop V1.1 header interaction isolation */
.shop-shell,.shop-hero,.shop-grid,.shop-history{position:relative;z-index:1}
.shop-page .topbar{position:sticky;top:0;z-index:500}


/* Shop V1.3 — refined category buttons */
.shop-categories{
  gap:12px!important;
  margin-bottom:30px!important;
}

.shop-categories a{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:108px!important;
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid rgba(104,166,195,.34)!important;
  background:
    linear-gradient(180deg,rgba(11,34,49,.97),rgba(6,22,33,.97))!important;
  color:#8fb9cb!important;
  font-size:8.5px!important;
  font-weight:700!important;
  letter-spacing:1.25px!important;
  line-height:1!important;
  text-transform:uppercase;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 0 0 rgba(71,208,255,0)!important;
  transition:
    transform .38s cubic-bezier(.22,.61,.36,1),
    border-color .4s ease,
    background .4s ease,
    color .4s ease,
    box-shadow .5s ease!important;
}

.shop-categories a::before,
.shop-categories a::after{
  content:"";
  position:absolute;
  top:50%;
  width:7px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(115,210,246,.42));
  opacity:.4;
  transition:opacity .4s,width .4s;
}

.shop-categories a::before{
  left:7px;
}

.shop-categories a::after{
  right:7px;
  transform:rotate(180deg);
}

.shop-categories a:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(122,222,255,.75)!important;
  background:
    linear-gradient(180deg,rgba(18,53,72,.98),rgba(8,30,43,.98))!important;
  color:#ecfbff!important;
  box-shadow:
    0 7px 18px rgba(0,0,0,.22),
    0 0 13px rgba(74,206,255,.20),
    0 0 27px rgba(74,206,255,.09),
    inset 0 0 12px rgba(95,214,255,.045)!important;
}

.shop-categories a:hover::before,
.shop-categories a:hover::after{
  width:10px;
  opacity:.8;
}

.shop-categories a.active{
  transform:translateY(-1px)!important;
  border-color:#b3ebff!important;
  background:
    linear-gradient(180deg,rgba(45,91,119,.98),rgba(16,48,67,.98))!important;
  color:#f5fcff!important;
  box-shadow:
    0 0 0 1px rgba(143,226,255,.10),
    0 0 16px rgba(74,207,255,.27),
    0 0 32px rgba(74,207,255,.11),
    inset 0 0 14px rgba(142,228,255,.055)!important;
}

.shop-categories a.active::before,
.shop-categories a.active::after{
  opacity:1;
}

.shop-categories a:active{
  transform:translateY(0)!important;
  box-shadow:
    0 0 10px rgba(74,207,255,.18),
    inset 0 0 10px rgba(85,201,241,.05)!important;
}

@media(max-width:650px){
  .shop-categories{
    gap:8px!important;
  }
  .shop-categories a{
    min-width:96px!important;
    min-height:40px!important;
    padding:0 14px!important;
  }
}


/* Shop V1.4 — clean active category */
.shop-categories a::before,
.shop-categories a::after{
  content:none!important;
  display:none!important;
}
.shop-categories a{
  overflow:hidden;
}
.shop-categories a.active{
  border-color:#b9efff!important;
  box-shadow:
    0 0 0 1px rgba(151,230,255,.10),
    0 0 15px rgba(75,210,255,.24),
    0 0 30px rgba(75,210,255,.10),
    inset 0 0 13px rgba(141,227,255,.05)!important;
}


/* Shop V1.5 — compact premium product cards */
.shop-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch;
}
.shop-card{
  display:flex;
  flex-direction:column;
  min-height:420px;
  padding:22px 19px 19px;
  text-align:center;
  border:1px solid rgba(93,139,160,.38)!important;
  background:
    linear-gradient(180deg,rgba(8,25,36,.96),rgba(6,19,29,.97))!important;
  overflow:hidden;
}
.shop-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(108,213,255,.62)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.30),
    0 0 22px rgba(62,200,255,.12)!important;
}
.shop-card-art{
  width:76px!important;
  height:76px!important;
  margin:0 auto 15px;
  border:1px solid rgba(115,188,222,.42);
  border-radius:9px;
  background:
    radial-gradient(circle at 45% 35%,rgba(61,113,150,.42),rgba(9,24,36,.96))!important;
  box-shadow:0 0 15px rgba(68,190,240,.10);
  overflow:hidden;
}
.shop-card-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.shop-item-fallback{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:29px!important;
  color:#78dcff!important;
  text-shadow:0 0 13px rgba(80,210,255,.48);
}
.shop-card-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:0!important;
}
.shop-card-body>small{
  display:none!important;
}
.shop-card-body h2{
  margin:0 0 11px!important;
  color:#65cff5!important;
  font:20px/1.15 Georgia,'Palatino Linotype',serif!important;
  text-shadow:0 0 12px rgba(73,191,240,.10);
}
.shop-card-body p{
  min-height:0!important;
  margin:0 auto 14px!important;
  color:#a4b8c1!important;
  font-size:10.5px!important;
  line-height:1.65!important;
}
.shop-item-meta{
  display:flex;
  justify-content:center;
  gap:7px;
  min-height:18px;
  margin-top:auto;
  color:#587b8b;
  font-size:7px;
  letter-spacing:.9px;
}
.shop-item-meta span{
  padding:3px 6px;
  border:1px solid rgba(81,119,137,.28);
  background:rgba(5,16,24,.38);
}
.shop-card-foot{
  margin-top:13px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(95,135,151,.28)!important;
}
.shop-card-foot>strong{
  display:flex!important;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin-bottom:13px!important;
  color:#5cd6ff!important;
  font:700 18px 'Segoe UI',Arial,sans-serif!important;
  letter-spacing:.25px;
}
.shop-card-foot>strong>span:not(.sky-coin-mark){
  color:#84a9b8!important;
  font:7px 'Segoe UI',Arial,sans-serif!important;
  letter-spacing:1px!important;
}
.sky-coin-mark{
  color:#63ddff!important;
  font-size:17px!important;
  transform:rotate(45deg);
  text-shadow:0 0 8px rgba(84,216,255,.48);
}
.shop-card-foot form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.shop-card-foot select{
  width:100%;
  height:38px!important;
  text-align:center;
  border:1px solid rgba(85,132,153,.45)!important;
  background:#06141f!important;
  color:#bfd7e2!important;
  font-size:9px;
}
.shop-card-foot button,
.shop-login-buy{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:42px!important;
  padding:0 12px!important;
  border:1px solid rgba(100,204,246,.66)!important;
  background:linear-gradient(180deg,#174866,#11354c)!important;
  color:#eefbff!important;
  font-size:8px!important;
  font-weight:700!important;
  letter-spacing:1px!important;
  transition:transform .35s,border-color .4s,background .4s,box-shadow .5s!important;
}
.shop-card-foot button:hover:not(:disabled),
.shop-login-buy:hover{
  transform:translateY(-1px);
  border-color:#bceeff!important;
  background:linear-gradient(180deg,#21617f,#17455e)!important;
  box-shadow:0 0 15px rgba(72,207,255,.30),0 7px 15px rgba(0,0,0,.20)!important;
}
.shop-card-foot button:disabled{
  opacity:.42!important;
}
@media(max-width:1120px){
  .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:540px){
  .shop-grid{grid-template-columns:1fr!important}
}


/* Shop V1.6 — real item icons + WoW tooltip hooks */
.shop-item-tooltip-anchor{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  overflow:hidden;
  text-decoration:none!important;
}
.shop-item-icon-image{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border:0!important;
  transition:transform .45s ease,filter .45s ease;
}
.shop-card:hover .shop-item-icon-image{
  transform:scale(1.045);
  filter:brightness(1.08);
}
.shop-card-art{
  position:relative;
}
.shop-card-art::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:
    inset 0 0 0 1px rgba(177,231,255,.08),
    inset 0 0 12px rgba(86,194,239,.07);
}
.shop-item-name-link{
  color:inherit!important;
  text-decoration:none!important;
  transition:color .35s,text-shadow .4s;
}
.shop-item-name-link:hover{
  color:#a7ebff!important;
  text-shadow:0 0 11px rgba(74,207,255,.34);
}


/* Shop V1.7 — darker page filter + stronger card hover/glow */
body.shop-page{
  position:relative;
}

body.shop-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(2,10,17,.22) 0%,
      rgba(2,10,17,.38) 38%,
      rgba(2,10,17,.50) 100%),
    radial-gradient(circle at 50% 30%,
      rgba(9,30,45,.02) 0%,
      rgba(1,7,12,.20) 65%,
      rgba(1,6,10,.34) 100%);
}

body.shop-page .topbar,
body.shop-page .shop-shell,
body.shop-page .shop-hero,
body.shop-page .shop-grid,
body.shop-page .shop-history{
  position:relative;
}

body.shop-page .topbar{z-index:500}
body.shop-page .shop-shell,
body.shop-page .shop-hero,
body.shop-page .shop-grid,
body.shop-page .shop-history{z-index:2}

/* Stronger premium hover on every product card */
.shop-card{
  position:relative;
  isolation:isolate;
  transition:
    transform .48s cubic-bezier(.22,.61,.36,1),
    border-color .48s ease,
    background .48s ease,
    box-shadow .58s ease!important;
}

.shop-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(85,210,255,.11),
      rgba(85,210,255,.025) 42%,
      transparent 72%);
  transition:opacity .5s ease;
}

.shop-card::after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:-1px;
  height:1px;
  pointer-events:none;
  opacity:.30;
  background:linear-gradient(90deg,transparent,#63dfff,transparent);
  box-shadow:0 0 7px rgba(83,214,255,.25);
  transition:opacity .45s,left .45s,right .45s,box-shadow .5s;
}

.shop-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(126,224,255,.78)!important;
  background:
    linear-gradient(180deg,rgba(11,34,48,.98),rgba(6,22,31,.99))!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.34),
    0 0 0 1px rgba(125,225,255,.05),
    0 0 18px rgba(68,206,255,.22),
    0 0 38px rgba(68,206,255,.10),
    inset 0 0 22px rgba(82,206,255,.035)!important;
}

.shop-card:hover::before{
  opacity:1;
}

.shop-card:hover::after{
  left:5%;
  right:5%;
  opacity:.85;
  box-shadow:0 0 10px rgba(83,214,255,.55);
}

.shop-card:hover .shop-card-art{
  border-color:rgba(137,228,255,.78)!important;
  box-shadow:
    0 0 0 1px rgba(145,229,255,.06),
    0 0 17px rgba(75,208,255,.27),
    inset 0 0 12px rgba(88,208,255,.08)!important;
}

.shop-card:hover .shop-card-body h2{
  color:#a8ecff!important;
  text-shadow:
    0 0 10px rgba(74,207,255,.28),
    0 0 18px rgba(74,207,255,.10)!important;
}

.shop-card:hover .shop-card-body p{
  color:#bfd0d8!important;
}

.shop-card:hover .shop-card-foot{
  border-top-color:rgba(106,192,225,.40)!important;
}


/* Shop V1.8 — 12 products per page pagination */
.shop-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:28px auto 34px;
  min-height:40px;
}

.shop-page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:38px;
  padding:0 11px;
  border:1px solid rgba(91,150,177,.38);
  background:linear-gradient(180deg,rgba(9,29,42,.95),rgba(5,20,30,.98));
  color:#87b9ce;
  font-size:9px;
  font-weight:700;
  letter-spacing:.65px;
  text-decoration:none!important;
  transition:
    transform .35s ease,
    color .35s ease,
    border-color .4s ease,
    background .4s ease,
    box-shadow .45s ease;
}

.shop-page-link:hover{
  transform:translateY(-2px);
  color:#effcff;
  border-color:rgba(128,224,255,.78);
  background:linear-gradient(180deg,rgba(18,53,72,.98),rgba(8,30,43,.98));
  box-shadow:
    0 0 14px rgba(74,207,255,.23),
    0 6px 14px rgba(0,0,0,.22);
}

.shop-page-link.active{
  color:#f8fdff;
  border-color:#bcefff;
  background:linear-gradient(180deg,rgba(45,91,119,.98),rgba(16,48,67,.98));
  box-shadow:
    0 0 0 1px rgba(146,228,255,.08),
    0 0 16px rgba(74,207,255,.28),
    inset 0 0 12px rgba(140,226,255,.05);
}

.shop-page-arrow{
  font-size:17px;
  font-family:Georgia,serif;
  line-height:1;
}

.shop-page-dots{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  color:#567a8c;
  font-size:12px;
}

@media(max-width:540px){
  .shop-pagination{
    gap:5px;
    flex-wrap:wrap;
  }
  .shop-page-link{
    min-width:34px;
    height:34px;
    padding:0 9px;
  }
}


/* Shop V2.0 — hero polish + global live search */
.shop-hero{
  padding-bottom:24px!important;
}
.shop-hero h1{
  margin-top:6px!important;
  margin-bottom:10px!important;
  font-size:56px!important;
  letter-spacing:-.6px;
}
.shop-hero-subtitle{
  margin:0 auto!important;
  max-width:760px;
  color:#c1d6e1!important;
  font-size:13.5px!important;
  line-height:1.7!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 12px rgba(83,172,218,.09);
}
.shop-categories{
  position:relative;
  margin-top:-8px!important;
  margin-bottom:16px!important;
}

.shop-live-search-panel{
  position:relative;
  z-index:3;
  max-width:980px;
  margin:0 auto 24px;
}
.shop-live-search-box{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 62px;
  align-items:center;
  min-height:50px;
  border:1px solid rgba(95,157,186,.46);
  background:linear-gradient(180deg,rgba(6,23,34,.94),rgba(4,17,26,.97));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.02),
    0 8px 22px rgba(0,0,0,.18);
  transition:border-color .4s,box-shadow .5s,background .4s;
}
.shop-live-search-box:focus-within{
  border-color:rgba(126,224,255,.88);
  background:linear-gradient(180deg,rgba(10,35,49,.98),rgba(5,22,32,.99));
  box-shadow:
    0 0 0 1px rgba(116,219,255,.04),
    0 0 18px rgba(68,207,255,.18),
    0 9px 24px rgba(0,0,0,.23);
}
.shop-search-icon{
  display:grid;
  place-items:center;
  height:28px;
  border-right:1px solid rgba(91,143,166,.30);
  color:#68d7ff;
  font-size:22px;
  line-height:1;
  text-shadow:0 0 9px rgba(77,211,255,.38);
}
.shop-live-search-box input{
  width:100%;
  height:48px;
  border:0;
  outline:0;
  padding:0 16px;
  background:transparent;
  color:#e0f3fb;
  font-size:11.5px;
  letter-spacing:.1px;
}
.shop-live-search-box input::placeholder{
  color:#66889a;
  opacity:1;
}
.shop-search-live{
  justify-self:center;
  padding:4px 7px;
  border:1px solid rgba(83,190,228,.38);
  background:rgba(16,53,70,.68);
  color:#73d9ff;
  font-size:7px;
  font-weight:700;
  letter-spacing:1.1px;
  box-shadow:0 0 9px rgba(62,198,245,.10);
}
.shop-live-search-panel>p{
  min-height:16px;
  margin:7px 0 0;
  color:#628596;
  font-size:8px;
  letter-spacing:.25px;
  text-align:center;
  transition:color .35s;
}
.shop-live-search-panel:focus-within>p{
  color:#85adc0;
}
.shop-search-category{
  margin:-2px 0 6px;
  color:#668fa2;
  font-size:7px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
}
.shop-search-result{
  animation:shopSearchReveal .28s ease both;
}
@keyframes shopSearchReveal{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:650px){
  .shop-hero h1{font-size:45px!important}
  .shop-hero-subtitle{font-size:12px!important}
  .shop-categories{margin-top:-3px!important}
  .shop-live-search-box{grid-template-columns:42px minmax(0,1fr) 54px}
  .shop-live-search-box input{padding:0 10px;font-size:10px}
}

/* V2.7 Services */
.shop-service-card .shop-card-art{
  background:
    radial-gradient(circle at 50% 45%,rgba(84,206,255,.18),transparent 34%),
    linear-gradient(145deg,#0a2231,#07131d);
}
.shop-service-symbol{
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  border:1px solid #78dfff88;
  border-radius:50%;
  box-shadow:0 0 28px #47d8ff28,inset 0 0 22px #47d8ff14;
  font:700 10px Arial,sans-serif!important;
  letter-spacing:2px;
  color:#bdefff!important;
  transition:transform .45s,box-shadow .45s,border-color .45s;
}
.shop-service-card:hover .shop-service-symbol{
  transform:scale(1.06);
  border-color:#b8efff;
  box-shadow:0 0 36px #47d8ff42,inset 0 0 25px #47d8ff20;
}

/* V2.9 Service art polish */
.shop-service-card .shop-card-art{
  background:
    radial-gradient(circle at 50% 40%,rgba(95,226,255,.14),transparent 34%),
    linear-gradient(145deg,#0a2231,#07131d);
}
.shop-service-card .shop-item-icon-image{
  width:112px;
  height:112px;
  object-fit:cover;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.35),0 0 18px rgba(79,215,255,.16);
  transition:transform .45s ease, box-shadow .45s ease, filter .45s ease;
}
.shop-service-card:hover .shop-item-icon-image{
  transform:scale(1.05);
  filter:brightness(1.05);
  box-shadow:0 12px 34px rgba(0,0,0,.42),0 0 24px rgba(79,215,255,.22);
}

/* V3.0 service image fallback */
.shop-image-fallback{
  width:104px;
  height:104px;
  margin:auto;
}


/* V3.2 — compact hero + Ko-fi support */
body.shop-page .shop-shell{
  padding-top:82px!important;
}
.shop-hero{
  padding:20px 20px 18px!important;
}
.shop-hero .eyebrow{
  margin-bottom:4px!important;
}
.shop-hero h1{
  margin:2px 0 6px!important;
  font-size:54px!important;
  line-height:1.05!important;
}
.shop-hero-subtitle{
  line-height:1.45!important;
}
.shop-balance{
  margin-top:14px!important;
  padding:10px 18px!important;
}

.kofi-support-panel{
  position:relative;
  z-index:3;
  max-width:1180px;
  margin:0 auto 22px;
  border:1px solid rgba(87,132,151,.40);
  background:linear-gradient(180deg,rgba(5,18,26,.95),rgba(5,16,23,.97));
  box-shadow:0 13px 32px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.02);
}
.kofi-support-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:20px 22px;
}
.kofi-rate{
  margin:0 0 5px!important;
  color:#d7eef7!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.55px!important;
}
.kofi-support-copy h2{
  margin:0 0 5px;
  color:#effaff;
  font:26px/1.15 Georgia,'Palatino Linotype',serif;
}
.kofi-support-copy>p:last-child{
  margin:0;
  color:#91a9b4;
  font-size:10.5px;
  line-height:1.55;
}
.kofi-donate-button{
  flex:0 0 auto;
  min-width:190px;
  min-height:44px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(104,209,249,.72)!important;
  background:linear-gradient(180deg,#17506f,#103a53)!important;
  color:#effaff!important;
  text-shadow:0 0 10px rgba(180,235,255,.12);
  box-shadow:0 0 0 rgba(72,207,255,0);
  transition:transform .35s,border-color .4s,box-shadow .5s,background .4s!important;
}
.kofi-donate-button:hover{
  transform:translateY(-2px);
  border-color:#c3f2ff!important;
  background:linear-gradient(180deg,#226683,#174a65)!important;
  box-shadow:0 0 18px rgba(72,207,255,.28),0 9px 18px rgba(0,0,0,.24)!important;
}
.kofi-support-code{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:13px 22px;
  border-top:1px solid rgba(91,129,145,.28);
  background:rgba(4,14,20,.72);
}
.kofi-support-code>div{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px 14px;
}
.kofi-support-code small{
  color:#6f9bae;
  font-size:7.5px;
  letter-spacing:1.1px;
}
.kofi-support-code strong{
  color:#70dcff;
  font:700 17px 'Segoe UI',Arial,sans-serif;
  letter-spacing:1.25px;
  text-shadow:0 0 12px rgba(76,210,255,.25);
}
.kofi-support-code span,
.kofi-support-code>p{
  margin:0;
  color:#738e9a;
  font-size:9px;
}
.kofi-copy-button,
.kofi-login-button{
  min-width:112px;
  min-height:34px;
  padding:0 14px;
  border:1px solid rgba(87,175,209,.45);
  background:#0a2636;
  color:#effaff;
  text-shadow:0 0 10px rgba(180,235,255,.10);
  font-size:7.5px;
  font-weight:700;
  letter-spacing:.8px;
  cursor:pointer;
  transition:transform .35s,border-color .4s,box-shadow .45s,background .4s;
}
.kofi-copy-button:hover,
.kofi-login-button:hover{
  transform:translateY(-1px);
  border-color:#9ae3ff;
  background:#10364a;
  box-shadow:0 0 14px rgba(72,207,255,.20);
}
.shop-order-status.credited{
  color:#9ee5bc;
  border-color:#5bb77c66;
  background:#10271b;
}
.shop-order-status.missing_code,
.shop-order-status.unknown_code,
.shop-order-status.unsupported_currency{
  color:#efc37f;
  border-color:#b98b4d55;
  background:#291f10;
}
.kofi-history{
  margin-top:26px!important;
}

@media(max-width:760px){
  body.shop-page .shop-shell{padding-top:72px!important}
  .shop-hero h1{font-size:44px!important}
  .kofi-support-main{
    align-items:stretch;
    flex-direction:column;
    gap:15px;
  }
  .kofi-donate-button{width:100%}
  .kofi-support-code{
    align-items:stretch;
    flex-direction:column;
  }
  .kofi-copy-button,.kofi-login-button{width:100%}
}

/* V3.5 automatic delivery */
.shop-order-status.refunded{
  color:#ffd0a8;
  border-color:rgba(220,139,84,.42);
  background:rgba(47,27,15,.86);
}