/* Premium per-product color mixes — loaded after the main theme */
#public-store-products .account-product{
  --card-a:rgba(255,63,180,.15);
  --card-b:rgba(49,135,255,.12);
  --card-border:rgba(111,137,255,.42);
  --card-glow:rgba(58,111,255,.16);
  background:
    radial-gradient(circle at 8% 0%,var(--card-a),transparent 40%),
    radial-gradient(circle at 100% 100%,var(--card-b),transparent 42%),
    linear-gradient(145deg,rgba(10,24,53,.98),rgba(4,11,28,.99))!important;
  border-color:var(--card-border)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.36),0 0 26px var(--card-glow),inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* Pink + electric blue */
#public-store-products .account-product:nth-child(6n+1){
  --card-a:rgba(255,52,177,.22);
  --card-b:rgba(48,132,255,.20);
  --card-border:rgba(255,83,190,.52);
  --card-glow:rgba(255,60,181,.15);
}

/* Violet + cyan */
#public-store-products .account-product:nth-child(6n+2){
  --card-a:rgba(153,78,255,.22);
  --card-b:rgba(48,215,255,.18);
  --card-border:rgba(128,99,255,.50);
  --card-glow:rgba(95,84,255,.16);
}

/* Royal blue + aqua */
#public-store-products .account-product:nth-child(6n+3){
  --card-a:rgba(43,103,255,.23);
  --card-b:rgba(35,235,199,.17);
  --card-border:rgba(58,139,255,.50);
  --card-glow:rgba(49,134,255,.17);
}

/* Magenta + purple */
#public-store-products .account-product:nth-child(6n+4){
  --card-a:rgba(255,49,139,.20);
  --card-b:rgba(169,67,255,.20);
  --card-border:rgba(225,73,255,.48);
  --card-glow:rgba(207,70,255,.15);
}

/* Teal + blue */
#public-store-products .account-product:nth-child(6n+5){
  --card-a:rgba(20,216,190,.19);
  --card-b:rgba(52,112,255,.21);
  --card-border:rgba(42,197,220,.47);
  --card-glow:rgba(25,196,209,.14);
}

/* Gold + violet */
#public-store-products .account-product:nth-child(6n){
  --card-a:rgba(255,184,55,.16);
  --card-b:rgba(130,77,255,.21);
  --card-border:rgba(209,138,255,.46);
  --card-glow:rgba(171,83,255,.14);
}

#public-store-products .account-product:hover{
  transform:translateY(-5px);
  filter:saturate(1.08) brightness(1.03);
  box-shadow:0 24px 64px rgba(0,0,0,.42),0 0 34px var(--card-glow),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

#public-store-products .account-product:nth-child(6n+1) .price,
#public-store-products .account-product:nth-child(6n+1) .product-price{color:#ff6ac8!important}
#public-store-products .account-product:nth-child(6n+2) .price,
#public-store-products .account-product:nth-child(6n+2) .product-price{color:#b68aff!important}
#public-store-products .account-product:nth-child(6n+3) .price,
#public-store-products .account-product:nth-child(6n+3) .product-price{color:#63c8ff!important}
#public-store-products .account-product:nth-child(6n+4) .price,
#public-store-products .account-product:nth-child(6n+4) .product-price{color:#f27cff!important}
#public-store-products .account-product:nth-child(6n+5) .price,
#public-store-products .account-product:nth-child(6n+5) .product-price{color:#5ee8d2!important}
#public-store-products .account-product:nth-child(6n) .price,
#public-store-products .account-product:nth-child(6n) .product-price{color:#ffc76b!important}

@media(max-width:760px){
  #public-store-products .account-product,
  #public-store-products .account-product:first-child{
    background:
      radial-gradient(circle at 5% 0%,var(--card-a),transparent 42%),
      radial-gradient(circle at 100% 100%,var(--card-b),transparent 45%),
      linear-gradient(145deg,rgba(10,24,53,.99),rgba(4,11,28,.99))!important;
    border-color:var(--card-border)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.36),0 0 22px var(--card-glow),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
}


/* Keep the featured badge subtle instead of covering the whole card */
#public-store-products .account-product:first-child::before{
  inset:0 auto auto 0!important;
  right:auto!important;
  bottom:auto!important;
  color:#dce9ff!important;
  background:linear-gradient(90deg,rgba(45,91,174,.96),rgba(92,63,160,.96))!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}
#public-store-products .account-product:nth-child(6n+1){
  --card-a:rgba(100,66,180,.14);
  --card-b:rgba(35,105,190,.15);
  --card-border:rgba(100,112,205,.42);
  --card-glow:rgba(70,91,185,.12);
}


/* Approved serial cards: every AI tier has its own premium glass color */
#public-store-products .account-product{position:relative;overflow:hidden}
#public-store-products .product-serial{
  position:absolute;top:14px;left:14px;z-index:6;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:30px;padding:0 12px;border-radius:999px;
  color:#f7fbff;background:rgba(7,18,40,.66);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 8px 22px rgba(0,0,0,.24);
  backdrop-filter:blur(12px);font-size:13px;font-weight:800;letter-spacing:.08em
}
#public-store-products .official-price{
  margin:12px 0 7px;padding:10px 12px;border-radius:12px;
  color:#aebcd4;background:rgba(2,8,23,.34);
  border:1px solid rgba(255,255,255,.08);font-size:14px
}
#public-store-products .official-price b{color:#f7fbff;font-weight:700}
#public-store-products .product-price{display:block;margin-top:5px}
#public-store-products .plan-reference{color:#8ee9d4;font-weight:700}

#public-store-products .account-product.tone-emerald{--card-a:rgba(0,222,174,.34);--card-b:rgba(0,108,101,.29);--card-border:rgba(37,242,194,.68);--card-glow:rgba(0,221,177,.25);--button-a:#00cfa5;--button-b:#00a486}
#public-store-products .account-product.tone-cyan{--card-a:rgba(0,207,244,.34);--card-b:rgba(24,113,192,.31);--card-border:rgba(61,220,255,.67);--card-glow:rgba(0,192,234,.24);--button-a:#11c8e8;--button-b:#168acb}
#public-store-products .account-product.tone-blue{--card-a:rgba(44,126,255,.37);--card-b:rgba(17,66,174,.32);--card-border:rgba(79,150,255,.70);--card-glow:rgba(45,116,255,.26);--button-a:#438af5;--button-b:#2563d9}
#public-store-products .account-product.tone-violet{--card-a:rgba(132,74,255,.38);--card-b:rgba(68,35,167,.34);--card-border:rgba(157,105,255,.70);--card-glow:rgba(126,68,255,.26);--button-a:#8b5cf6;--button-b:#6536d8}
#public-store-products .account-product.tone-gold{--card-a:rgba(255,177,44,.34);--card-b:rgba(129,77,17,.28);--card-border:rgba(255,194,77,.68);--card-glow:rgba(255,166,32,.22);--button-a:#f5b83f;--button-b:#d98918}
#public-store-products .account-product.tone-rose{--card-a:rgba(255,71,132,.35);--card-b:rgba(130,35,92,.29);--card-border:rgba(255,104,158,.69);--card-glow:rgba(255,67,134,.24);--button-a:#f04f88;--button-b:#c52f69}
#public-store-products .account-product.tone-sky{--card-a:rgba(52,178,255,.34);--card-b:rgba(28,99,174,.29);--card-border:rgba(91,194,255,.69);--card-glow:rgba(49,172,255,.24);--button-a:#42baf5;--button-b:#2485cf}
#public-store-products .account-product.tone-indigo{--card-a:rgba(70,91,255,.39);--card-b:rgba(83,50,190,.33);--card-border:rgba(103,119,255,.72);--card-glow:rgba(72,88,255,.27);--button-a:#526dff;--button-b:#7046df}
#public-store-products .account-product.tone-magenta{--card-a:rgba(209,57,255,.36);--card-b:rgba(86,45,193,.34);--card-border:rgba(217,91,255,.71);--card-glow:rgba(196,58,255,.25);--button-a:#cc4ff1;--button-b:#7447e8}

#public-store-products .account-product[class*="tone-"]{
  border-color:var(--card-border)!important;
  background:
    radial-gradient(circle at 12% 0%,var(--card-a),transparent 48%),
    radial-gradient(circle at 100% 100%,var(--card-b),transparent 52%),
    linear-gradient(145deg,rgba(8,23,48,.98),rgba(3,10,27,.99))!important
}
#public-store-products .account-product[class*="tone-"] .button.secondary{
  color:#fff;border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(105deg,var(--button-a),var(--button-b))!important;
  box-shadow:0 10px 28px var(--card-glow)!important
}
@media(max-width:760px){
  #public-store-products .product-serial{top:10px;left:10px;min-width:38px;height:28px}
}


/* Match every legacy product button to its card palette */
#public-store-products .account-product:nth-child(6n+1) .button.secondary{
  background:linear-gradient(105deg,#ec4fae,#397df4)!important;
  border-color:rgba(255,106,202,.52)!important;
  box-shadow:0 10px 28px rgba(229,66,175,.22)!important
}
#public-store-products .account-product:nth-child(6n+2) .button.secondary{
  background:linear-gradient(105deg,#8d5cf6,#29bfe2)!important;
  border-color:rgba(146,112,255,.55)!important;
  box-shadow:0 10px 28px rgba(111,80,236,.23)!important
}
#public-store-products .account-product:nth-child(6n+3) .button.secondary{
  background:linear-gradient(105deg,#3575f0,#19bda5)!important;
  border-color:rgba(74,153,255,.54)!important;
  box-shadow:0 10px 28px rgba(40,120,232,.23)!important
}
#public-store-products .account-product:nth-child(6n+4) .button.secondary{
  background:linear-gradient(105deg,#e13d91,#9748ed)!important;
  border-color:rgba(234,93,180,.53)!important;
  box-shadow:0 10px 28px rgba(205,60,157,.22)!important
}
#public-store-products .account-product:nth-child(6n+5) .button.secondary{
  background:linear-gradient(105deg,#08bca0,#357cf1)!important;
  border-color:rgba(52,210,195,.52)!important;
  box-shadow:0 10px 28px rgba(18,184,176,.21)!important
}
#public-store-products .account-product:nth-child(6n) .button.secondary{
  background:linear-gradient(105deg,#e5a72d,#8050e8)!important;
  border-color:rgba(238,183,73,.54)!important;
  box-shadow:0 10px 28px rgba(209,146,38,.21)!important
}
/* New AI tier buttons retain their explicit nine-color themes */
#public-store-products .account-product[class*="tone-"] .button.secondary{
  background:linear-gradient(105deg,var(--button-a),var(--button-b))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 10px 28px var(--card-glow)!important
}