/* Legacy MyAAC error boxes must follow their message content.
 * The original height:100% stretches login errors to the full content column. */
.Content .SmallBox,
.Content .SmallBox .MessageContainer,
.Content .SmallBox .ErrorMessage {
  height:auto !important;
  min-height:0 !important;
}
.Content .SmallBox .MessageContainer { display:block; }
.Content .SmallBox .ErrorMessage {
  box-sizing:border-box;
  padding-top:7px;
  padding-bottom:7px;
  line-height:13px;
}
.Content .SmallBox .ErrorMessage b,
.Content .SmallBox .ErrorMessage li { line-height:13px; }

/* Baiakeros donations shortcut: replaces Highscores in the right column. */
#Themeboxes #DonationsBox {
  box-sizing:border-box; height:198px; margin-top:-2px; margin-bottom:10px; overflow:hidden;
  border:1px solid #6f2b1c; background:linear-gradient(#190b07,#080302 58%,#160805);
  background-blend-mode:normal;
  box-shadow:inset 0 0 0 1px #020100,inset 0 0 18px rgba(164,46,20,.25),0 2px 6px rgba(0,0,0,.82);
}
#Themeboxes #DonationsBox::before,#Themeboxes #DonationsBox::after {
  content:""; position:absolute; z-index:4; left:7px; right:7px; height:1px;
  background:linear-gradient(90deg,transparent,#8d4928 16%,#e0a454 50%,#8d4928 84%,transparent);
}
#Themeboxes #DonationsBox::before { top:30px; }
#Themeboxes #DonationsBox::after { bottom:11px; }
#Themeboxes #DonationsBox .DonationsBoxHeader {
  position:relative; z-index:5; display:flex; align-items:center; justify-content:center; gap:9px; height:30px;
  color:#edc77f; font:small-caps 15px/30px "Palatino Linotype",Georgia,serif; letter-spacing:.8px;
  text-shadow:0 1px 2px #000,0 0 6px rgba(187,48,23,.55);
}
#Themeboxes #DonationsBox .DonationsBoxHeader span {
  width:6px; height:6px; transform:rotate(45deg); border:1px solid #d28a3d; background:#8d1e16;
  box-shadow:inset 0 0 2px #ff7a46,0 0 4px rgba(199,45,23,.7);
}
#Themeboxes #DonationsBox .DonationsBoxLink {
  position:absolute; z-index:3; top:31px; left:5px; box-sizing:border-box; width:168px; height:154px;
  overflow:hidden; color:#f4d79d; text-align:center; text-decoration:none;
}
#Themeboxes #DonationsBox .DonationsBoxArtwork {
  position:relative; box-sizing:border-box; height:83px; overflow:hidden; border:1px solid #5e2618;
  border-bottom-color:#9a5229;
  background:linear-gradient(rgba(18,7,4,.22),rgba(8,3,2,.78)),url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg) 76% center/cover no-repeat;
  box-shadow:inset 0 0 18px #000;
}
#Themeboxes #DonationsBox .DonationsCoinSigil { position:relative; width:62px; height:58px; margin:1px auto 0; }
#Themeboxes #DonationsBox .DonationsCoinSigil i {
  position:absolute; top:4px; left:6px; width:50px; height:50px; border-radius:50%;
  background:radial-gradient(circle,rgba(224,142,57,.35),rgba(74,22,9,.1) 62%,transparent 70%);
  box-shadow:0 0 11px rgba(226,114,35,.38);
}
#Themeboxes #DonationsBox .DonationsCoinSigil img {
  position:absolute; z-index:2; top:3px; left:5px; width:52px; height:52px;
  image-rendering:auto; filter:drop-shadow(0 3px 3px #000);
}
#Themeboxes #DonationsBox .DonationsBoxArtwork>span {
  position:absolute; left:0; right:0; bottom:4px; color:#ffe0a0;
  font:bold italic 8px/12px Georgia,serif; text-shadow:0 1px 2px #000,0 0 4px #6b160a;
}
#Themeboxes #DonationsBox .DonationsBoxCopy { padding:4px 4px 2px; line-height:12px; }
#Themeboxes #DonationsBox .DonationsBoxCopy strong,#Themeboxes #DonationsBox .DonationsBoxCopy small { display:block; }
#Themeboxes #DonationsBox .DonationsBoxCopy strong { color:#f1bb70; font:normal 13px/16px Georgia,serif; text-shadow:0 1px 2px #000; }
#Themeboxes #DonationsBox .DonationsBoxCopy small { color:#bfa887; font:7px/10px Verdana,Arial,sans-serif; }
#Themeboxes #DonationsBox .DonationsBoxButton {
  display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:148px; height:27px; margin:2px auto 0;
  border:1px solid #a74724; background:linear-gradient(#96331c,#45120b 56%,#6b2112); color:#ffe7b6;
  font:bold 8px/25px Verdana,Arial,sans-serif; text-shadow:0 1px 2px #000;
  box-shadow:inset 0 0 0 1px #1b0704,0 2px 5px rgba(0,0,0,.65);
}
#Themeboxes #DonationsBox .DonationsBoxLink:hover .DonationsBoxButton { filter:brightness(1.22); transform:translateY(-1px); }
#Themeboxes #DonationsBox .Bottom { z-index:6; }

/* Placeholder donations page, ready for the future payment integration. */
.BaiakerosDonationsPage { overflow:hidden; border:1px solid #846137; background:#ddc69d; color:#432817; box-shadow:inset 0 0 0 3px #edddbd; }
.BaiakerosDonationsHero {
  display:flex; align-items:center; gap:18px; padding:20px 23px; border-bottom:3px solid #86441f;
  background:linear-gradient(90deg,#170906 0%,rgba(30,10,6,.97) 43%,rgba(28,9,5,.38) 72%,rgba(18,6,4,.5) 100%),url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg) 78% center/cover no-repeat;
  box-shadow:inset 0 0 0 1px #090302;
}
.BaiakerosDonationsSeal {
  position:relative; display:flex; align-items:center; justify-content:center; flex:0 0 82px; height:82px;
  border:1px solid #b06b31; border-radius:50%;
  background:radial-gradient(circle,#51200e,#170805 68%);
  box-shadow:inset 0 0 0 3px #210a05,0 3px 8px #000,0 0 12px rgba(190,74,26,.28);
}
.BaiakerosDonationsSeal img { width:72px; height:72px; image-rendering:auto; filter:drop-shadow(0 4px 3px #000); }
.BaiakerosDonationsHero>div:last-child>span { color:#c8944e; font:bold 7px/1 Verdana,Arial,sans-serif; letter-spacing:1.6px; }
.BaiakerosDonationsHero h2 { margin:6px 0 4px; color:#ffe9bf; font:normal 21px/25px Georgia,serif; text-shadow:0 2px 3px #000; }
.BaiakerosDonationsHero p { margin:0; color:#c9b697; font:9px/14px Verdana,Arial,sans-serif; }
.BaiakerosDonationsStatus {
  display:flex; align-items:center; gap:12px; margin:15px 16px 11px; padding:13px; border:1px solid #987544;
  background:#e7d3ad; box-shadow:inset 0 0 0 1px #f3e5c9;
}
.BaiakerosDonationsStatusIcon { display:flex; align-items:center; justify-content:center; flex:0 0 42px; height:42px; border:1px solid #88401f; background:#642313; color:#edbb70; font-size:20px; box-shadow:inset 0 0 0 1px #230a05; }
.BaiakerosDonationsStatus strong { color:#4b2917; font:normal 13px/17px Georgia,serif; }
.BaiakerosDonationsStatus p { margin:3px 0 0; color:#765a3d; font:8px/13px Verdana,Arial,sans-serif; }
.BaiakerosDonationsFeatures { display:grid; grid-template-columns:repeat(3,1fr); margin:0 16px 11px; border:1px solid #a17e4e; background:#dbc398; }
.BaiakerosDonationsFeatures>div { display:flex; align-items:center; gap:8px; min-height:48px; padding:8px 9px; border-right:1px solid #ad8d5f; }
.BaiakerosDonationsFeatures>div:last-child { border-right:0; }
.BaiakerosDonationsFeatures b { display:flex; align-items:center; justify-content:center; flex:0 0 23px; height:23px; border:1px solid #8b4a27; color:#7d361d; font-size:11px; }
.BaiakerosDonationsFeatures strong,.BaiakerosDonationsFeatures small { display:block; }
.BaiakerosDonationsFeatures strong { color:#4d301d; font:bold 8px/12px Verdana,Arial,sans-serif; }
.BaiakerosDonationsFeatures small { color:#80664a; font:7px/11px Verdana,Arial,sans-serif; }
.BaiakerosDonationsNotice { margin:0 16px 15px; padding:7px 10px; border-left:2px solid #88401f; background:rgba(91,53,26,.06); color:#6d4f35; font:7.5px/12px Verdana,Arial,sans-serif; }

/* Authenticated package and terms flow. */
.BaiakerosDonationForm { padding:0 0 2px; }
.BaiakerosDonationSectionTitle {
  display:flex; align-items:center; justify-content:space-between; gap:12px; margin:14px 16px 0; padding:0 0 8px;
  border-bottom:1px solid #a47d4b;
}
.BaiakerosDonationSectionTitle>div { display:flex; align-items:center; gap:8px; }
.BaiakerosDonationSectionTitle span {
  display:flex; align-items:center; justify-content:center; width:21px; height:21px; border:1px solid #88401f;
  background:#642313; color:#edbb70; font:bold 8px/1 Verdana,Arial,sans-serif;
}
.BaiakerosDonationSectionTitle strong { color:#4b2917; font:normal 14px/18px Georgia,"Times New Roman",serif; }
.BaiakerosDonationSectionTitle small { color:#765b3e; font:7.5px/12px Verdana,Arial,sans-serif; text-align:right; }
.BaiakerosDonationErrors { margin:10px 16px 0; border:1px solid #a54427; background:#ead0b0; color:#821f16; font:bold 8px/13px Verdana,Arial,sans-serif; }
.BaiakerosDonationErrors div { padding:6px 9px; border-bottom:1px solid rgba(130,31,22,.2); }
.BaiakerosDonationErrors div:last-child { border-bottom:0; }
.BaiakerosDonationPackages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:12px 16px 15px; }
.BaiakerosDonationPackage { min-width:0; cursor:pointer; }
.BaiakerosDonationPackage>input { position:absolute; opacity:0; pointer-events:none; }
.BaiakerosDonationPackageCard {
  position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; box-sizing:border-box;
  min-height:156px; padding:8px 7px 10px; overflow:hidden; border:1px solid #9d7847;
  background:linear-gradient(#dfcba6,#cfb68b); color:#4b2c1a; text-align:center;
  box-shadow:inset 0 0 0 2px rgba(246,229,194,.58),0 2px 5px rgba(57,31,13,.22);
  transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.BaiakerosDonationPackageCard::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.17),transparent 34%,rgba(92,45,18,.06));
}
.BaiakerosDonationPackage:hover .BaiakerosDonationPackageCard { border-color:#8d4926; background:linear-gradient(#ead8b5,#d7bd91); transform:translateY(-2px); }
.BaiakerosDonationPackage>input:focus+.BaiakerosDonationPackageCard { outline:2px solid rgba(136,64,31,.32); outline-offset:2px; }
.BaiakerosDonationPackage>input:checked+.BaiakerosDonationPackageCard {
  border-color:#8e2e19; background:linear-gradient(#edd9b5,#d9b785);
  box-shadow:inset 0 0 0 2px #f5e6c6,inset 0 -4px #742517,0 0 0 1px #4a170d,0 3px 7px rgba(56,20,8,.38);
}
.BaiakerosDonationPackage>input:checked+.BaiakerosDonationPackageCard::after {
  content:"✓"; position:absolute; top:7px; right:7px; display:flex; align-items:center; justify-content:center;
  width:17px; height:17px; border:1px solid #a45a29; border-radius:50%; background:#652014; color:#f4ca7e;
  font:bold 9px/1 Verdana,sans-serif;
}
.BaiakerosCoinStack { position:relative; display:block; width:88px; height:72px; margin:0 auto 3px; }
.BaiakerosCoinStack img {
	position:absolute; z-index:5; left:17px; bottom:4px; width:54px; height:54px; image-rendering:auto;
	filter:drop-shadow(0 2px 2px rgba(36,13,5,.75));
}
.BaiakerosCoinStack i {
	position:absolute; z-index:1; display:none; width:30px; height:30px; border-radius:50%;
	background:url(images/menu/baiakeros-coin-v9.png) center/contain no-repeat;
	filter:drop-shadow(0 2px 1px rgba(59,25,10,.6));
}
.BaiakerosCoinStack i:nth-child(1) { left:2px; bottom:3px; }
.BaiakerosCoinStack i:nth-child(2) { right:2px; bottom:3px; }
.BaiakerosCoinStack i:nth-child(3) { left:8px; bottom:25px; }
.BaiakerosCoinStack i:nth-child(4) { right:8px; bottom:25px; }
.BaiakerosCoinStack i:nth-child(5) { left:29px; top:0; }
.BaiakerosCoinStack i:nth-child(6) { left:0; top:4px; width:25px; height:25px; }
.BaiakerosCoinStack i:nth-child(7) { right:0; top:4px; width:25px; height:25px; }
.BaiakerosCoinStackTier2 i:nth-child(1),
.BaiakerosCoinStackTier3 i:nth-child(-n+2),
.BaiakerosCoinStackTier4 i:nth-child(-n+3),
.BaiakerosCoinStackTier5 i:nth-child(-n+4),
.BaiakerosCoinStackTier6 i:nth-child(-n+5),
.BaiakerosCoinStackTier7 i:nth-child(-n+6),
.BaiakerosCoinStackTier8 i:nth-child(-n+7) { display:block; }
.BaiakerosCoinStackTier5 img,.BaiakerosCoinStackTier6 img { width:57px; height:57px; left:15px; bottom:2px; }
.BaiakerosCoinStackTier7 img,.BaiakerosCoinStackTier8 img { width:60px; height:60px; left:14px; bottom:0; }
.BaiakerosDonationPackageCard>strong { position:relative; color:#4c2b18; font:bold 10px/14px Verdana,Arial,sans-serif; }
.BaiakerosDonationPackageCard>b { position:relative; margin-top:2px; color:#8b2918; font:bold 11px/15px Verdana,Arial,sans-serif; }
.BaiakerosDonationPackageCard>small { position:relative; margin-top:2px; color:#826443; font:bold 6px/9px Verdana,Arial,sans-serif; letter-spacing:.7px; }
.BaiakerosDonationContinue {
  display:flex; align-items:center; justify-content:center; gap:10px; box-sizing:border-box; width:285px; height:39px; margin:0 auto 9px;
  border:1px solid #a74724; background:linear-gradient(#96331c,#45120b 56%,#6b2112); color:#ffe7b6;
  font:bold 8px/37px Verdana,Arial,sans-serif; text-shadow:0 1px 2px #000; cursor:pointer;
  box-shadow:inset 0 0 0 1px #1b0704,0 2px 5px rgba(0,0,0,.42);
}
.BaiakerosDonationContinue b { color:#f1bd70; font-size:15px; }
.BaiakerosDonationContinue:not(:disabled):hover { filter:brightness(1.18); transform:translateY(-1px); }
.BaiakerosDonationContinue:disabled { border-color:#8a7658; background:#77684f; color:#c8baa0; cursor:not-allowed; filter:saturate(.35); box-shadow:inset 0 0 0 1px #382d20; }
.BaiakerosDonationForm>.BaiakerosDonationsNotice { text-align:center; border-left:0; }
.BaiakerosPaymentForm { margin:15px 16px 16px; border:1px solid #8d6436; background:linear-gradient(#ead8b5,#d8bf94); box-shadow:inset 0 0 0 2px rgba(255,241,210,.65),0 3px 9px rgba(58,28,10,.25); }
.BaiakerosPaymentTitle { display:flex; align-items:center; gap:12px; min-height:48px; padding:7px 14px; border-bottom:2px solid #8c3b22; background:linear-gradient(90deg,#110806,#3a150e 50%,#100705); box-shadow:inset 0 0 0 1px #050201; }
.BaiakerosPaymentTitle small { display:block; color:#b9804a; font:bold 6px/9px Verdana,Arial,sans-serif; letter-spacing:1.4px; }
.BaiakerosPaymentTitle h3 { margin:2px 0 0; color:#f0d39a; font:normal 17px/21px Georgia,"Times New Roman",serif; text-shadow:0 1px 2px #000; }
.BaiakerosPaymentCart { position:relative; width:29px; height:19px; border:2px solid #cf8b43; border-top:0; transform:skew(-8deg); box-shadow:0 0 5px rgba(193,79,31,.4); }
.BaiakerosPaymentCart::before { content:""; position:absolute; top:-7px; left:-7px; width:9px; height:2px; background:#e3b46c; }
.BaiakerosPaymentCart::after { content:""; position:absolute; left:3px; right:3px; bottom:-8px; height:5px; background:radial-gradient(circle at 3px 2px,#e5b25f 0 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 3px) 2px,#e5b25f 0 2px,transparent 2.5px); }
.BaiakerosPaymentProgress { display:flex; justify-content:center; max-width:450px; margin:14px auto 12px; padding:0; list-style:none; }
.BaiakerosPaymentProgress li { position:relative; display:flex; flex:1; flex-direction:column; align-items:center; gap:4px; color:#846a48; }
.BaiakerosPaymentProgress li::after { content:""; position:absolute; z-index:0; top:13px; left:63%; width:74%; height:2px; background:#ad936c; }
.BaiakerosPaymentProgress li:last-child::after { display:none; }
.BaiakerosPaymentProgress span { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid #9f865d; border-radius:50%; background:#d2bd97; color:#665136; font:bold 9px/1 Verdana,sans-serif; box-shadow:0 0 0 3px #dfcba6; }
.BaiakerosPaymentProgress b { font:bold 7px/10px Verdana,Arial,sans-serif; }
.BaiakerosPaymentProgress .is-complete span { border-color:#9b552c; background:#6e2517; color:#f6d691; }
.BaiakerosPaymentProgress .is-complete::after { background:linear-gradient(90deg,#8e321d,#be7b3a); }
.BaiakerosPaymentProgress .is-current { color:#6f2819; }
.BaiakerosPaymentProgress .is-current span { border-color:#a65c2e; background:#c58b3f; color:#fff3d5; box-shadow:0 0 0 3px #ead5ad,0 0 7px rgba(151,56,24,.45); }
.BaiakerosPaymentPackageSummary { display:flex; align-items:center; gap:10px; margin:0 14px 12px; padding:8px 11px; border:1px solid #a17b48; background:rgba(245,227,190,.6); box-shadow:inset 0 0 0 1px rgba(255,248,224,.45); }
.BaiakerosPaymentPackageSummary img { width:38px; height:38px; image-rendering:auto; filter:drop-shadow(0 2px 2px rgba(49,20,8,.55)); }
.BaiakerosPaymentPackageSummary div { flex:1; }
.BaiakerosPaymentPackageSummary small,.BaiakerosPaymentPackageSummary strong { display:block; }
.BaiakerosPaymentPackageSummary small { color:#8a6847; font:bold 6px/9px Verdana,Arial,sans-serif; letter-spacing:.8px; }
.BaiakerosPaymentPackageSummary strong { margin-top:2px; color:#532d1a; font:normal 12px/15px Georgia,serif; }
.BaiakerosPaymentPackageSummary>b { color:#8b2d1a; font:bold 11px/15px Verdana,Arial,sans-serif; }
.BaiakerosPaymentMethods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 14px 12px; }
.BaiakerosPaymentMethod { min-width:0; cursor:pointer; }
.BaiakerosPaymentMethod>input { position:absolute; opacity:0; pointer-events:none; }
.BaiakerosPaymentMethodCard { display:flex; align-items:flex-start; box-sizing:border-box; min-height:143px; padding:15px 13px; border:1px solid #a08359; background:linear-gradient(145deg,#dfcaa4,#cdb58b); box-shadow:inset 0 0 0 2px rgba(249,232,199,.45),0 2px 5px rgba(65,35,13,.18); transition:.16s ease; }
.BaiakerosPaymentMethod:hover .BaiakerosPaymentMethodCard { border-color:#97502b; background:linear-gradient(145deg,#ead7b3,#d5b98d); transform:translateY(-2px); }
.BaiakerosPaymentMethod>input:focus+.BaiakerosPaymentMethodCard { outline:2px solid rgba(139,48,26,.35); outline-offset:2px; }
.BaiakerosPaymentMethod>input:checked+.BaiakerosPaymentMethodCard { border-color:#8b2d1a; background:linear-gradient(145deg,#eedab5,#d7b789); box-shadow:inset 0 0 0 2px #f6e5c4,inset 0 -4px #792719,0 0 0 1px #4f180e,0 3px 8px rgba(69,24,10,.32); }
.BaiakerosPaymentMethodIcon { position:relative; flex:0 0 54px; height:49px; margin:2px 10px 0 0; }
.BaiakerosPaymentMethodIcon--card::before { content:""; position:absolute; top:6px; left:2px; width:46px; height:29px; border:3px solid #a74624; border-radius:5px; background:linear-gradient(#f0d6a0 0 27%,#702417 28% 45%,#e4c58d 46%); box-shadow:0 2px 4px rgba(64,24,8,.32); }
.BaiakerosPaymentMethodIcon--card::after { content:""; position:absolute; top:27px; left:9px; width:10px; height:5px; border:1px solid #9b5f2e; background:#d7a958; }
.BaiakerosPaymentMethodIcon--card i { display:none; }
.BaiakerosPaymentMethodIcon--pix { transform:rotate(45deg) scale(.76); }
.BaiakerosPaymentMethodIcon--pix i { position:absolute; width:17px; height:17px; border:4px solid #8c321d; background:#e7cc9c; box-shadow:inset 0 0 0 3px #c98b3d; }
.BaiakerosPaymentMethodIcon--pix i:nth-child(1) { top:0; left:0; }
.BaiakerosPaymentMethodIcon--pix i:nth-child(2) { top:0; right:0; }
.BaiakerosPaymentMethodIcon--pix i:nth-child(3) { bottom:0; left:0; }
.BaiakerosPaymentMethodIcon--pix i:nth-child(4) { right:4px; bottom:4px; width:10px; height:10px; border-width:3px; }
.BaiakerosPaymentMethodText { display:block; min-width:0; }
.BaiakerosPaymentMethodText strong,.BaiakerosPaymentMethodText small,.BaiakerosPaymentMethodText em { display:block; }
.BaiakerosPaymentMethodText strong { color:#4f2c1b; font:bold 11px/15px Verdana,Arial,sans-serif; }
.BaiakerosPaymentMethodText small { margin-top:1px; color:#806244; font:7px/11px Verdana,Arial,sans-serif; }
.BaiakerosPaymentMethodText p { min-height:39px; margin:8px 0 6px; color:#684c34; font:7.5px/13px Verdana,Arial,sans-serif; }
.BaiakerosPaymentMethodText em { color:#9a3b22; font:bold normal 6px/9px Verdana,Arial,sans-serif; letter-spacing:.7px; }
.BaiakerosPaymentNotice { margin:0 14px 12px; padding:7px 10px; border-left:2px solid #9a4825; background:rgba(105,55,24,.08); color:#75583c; font:7.5px/12px Verdana,Arial,sans-serif; text-align:center; }
.BaiakerosPaymentNotice.is-visible { color:#6f2a1b; background:rgba(139,51,27,.1); }
.BaiakerosPaymentActions { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 14px 14px; }
.BaiakerosPaymentActions a,.BaiakerosPaymentActions button { display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-width:150px; height:36px; padding:0 14px; border:1px solid #774e2c; color:#f5dfb7!important; font:bold 7.5px/34px Verdana,Arial,sans-serif; text-decoration:none!important; text-shadow:0 1px 2px #000; box-shadow:inset 0 0 0 1px #1a0904,0 2px 4px rgba(0,0,0,.28); }
.BaiakerosPaymentActions a { gap:7px; background:linear-gradient(#61442b,#342316); }
.BaiakerosPaymentActions a span { color:#e3b467; font-size:16px; }
.BaiakerosPaymentActions button { gap:8px; border-color:#a74724; background:linear-gradient(#96331c,#45120b 56%,#6b2112); cursor:pointer; }
.BaiakerosPaymentActions button b { color:#efbd72; font-size:16px; }
.BaiakerosPaymentActions a:hover,.BaiakerosPaymentActions button:not(:disabled):hover { filter:brightness(1.18); transform:translateY(-1px); }
.BaiakerosPaymentActions button:disabled { border-color:#8a7658; background:#77684f; color:#c8baa0!important; cursor:not-allowed; filter:saturate(.35); }

/* Etapa de pagamento: composição limpa e compacta. */
.BaiakerosPaymentForm { margin:15px 16px 16px; border:1px solid #b39467; background:#e4cea6; box-shadow:none; }
.BaiakerosPaymentTitle { min-height:38px; padding:8px 14px; border-bottom:1px solid #8c3b22; background:#27100b; box-shadow:none; }
.BaiakerosPaymentCart { display:none; }
.BaiakerosPaymentTitle h3 { margin:0; font-size:15px; line-height:19px; text-shadow:none; }
.BaiakerosPaymentTitle small { margin-bottom:1px; color:#b99566; }
.BaiakerosPaymentProgress { max-width:380px; margin:12px auto; }
.BaiakerosPaymentProgress li { gap:3px; }
.BaiakerosPaymentProgress li::after { top:10px; height:1px; }
.BaiakerosPaymentProgress span { width:21px; height:21px; border:0; box-shadow:none; }
.BaiakerosPaymentProgress .is-current span { box-shadow:none; }
.BaiakerosPaymentPackageSummary { margin:0 14px 10px; padding:7px 9px; border:0; border-bottom:1px solid #b39467; background:rgba(250,236,208,.48); box-shadow:none; }
.BaiakerosPaymentPackageSummary img { width:31px; height:31px; }
.BaiakerosPaymentMethods { display:block; padding:0 14px 10px; }
.BaiakerosPaymentMethodCard { align-items:center; min-height:76px; padding:11px 13px; border:1px solid #b39467; border-radius:3px; background:#ead8b5; box-shadow:none; }
.BaiakerosPaymentMethod:hover .BaiakerosPaymentMethodCard { border-color:#8e6a3f; background:#efdfc0; transform:none; }
.BaiakerosPaymentMethod>input:checked+.BaiakerosPaymentMethodCard { border-color:#7c9d91; background:#f1e2c5; box-shadow:inset 3px 0 #32a99a; }
.BaiakerosPaymentMethodIcon { display:flex; align-items:center; justify-content:center; flex:0 0 42px; width:42px; height:42px; margin:0 12px 0 0; color:#32a99a; }
.BaiakerosPaymentMethodIcon--pix { transform:none; }
.BaiakerosPaymentMethodIcon--pix svg { display:block; width:38px; height:38px; overflow:visible; fill:none; stroke:currentColor; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.BaiakerosPaymentMethodText strong { font-size:10px; line-height:14px; }
.BaiakerosPaymentMethodText small { margin-top:0; }
.BaiakerosPaymentMethodText p { min-height:0; margin:4px 0 3px; line-height:11px; }
.BaiakerosPaymentMethodText em { color:#318c80; }
.BaiakerosPaymentNotice { margin:0 14px 10px; padding:5px 8px; border:0; background:rgba(105,55,24,.05); }
.BaiakerosPaymentActions { padding:0 14px 13px; }
.BaiakerosPaymentActions a,.BaiakerosPaymentActions button { min-width:138px; height:33px; border-radius:2px; box-shadow:none; font-size:7px; line-height:31px; text-shadow:none; }
.BaiakerosPaymentActions a { border-color:#8d7658; background:#6b5740; }
.BaiakerosPaymentActions button { border-color:#6f291a; background:#6f291a; }
.BaiakerosPaymentActions button:disabled { border-color:#ad9a79; background:#b8a789; color:#766a57!important; }

/* Global v9 art replacement. donations.css loads after basic.css, so every
 * component that previously shared the old dragon receives the same artwork. */
#shops_Icon {
  background-image:url(images/menu/baiakeros-coin-v9.png)!important;
  background-position:center!important;
  background-size:32px 32px!important;
}
#Themeboxes #DownloadBox::before,
#LeftDownloadShortcut #DownloadBox::before {
  background-image:url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg)!important;
  background-position:76% center!important;
}
#Loginbox.BaiakerosAccountPanel {
  background:linear-gradient(rgba(18,7,4,.82),rgba(5,2,2,.95)),url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg) 80% center/cover!important;
}
.AccountDashboardHero {
  background:linear-gradient(90deg,rgba(15,6,4,.97),rgba(34,11,7,.78)),url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg) 78% center/cover no-repeat!important;
}
.CharacterCreateHero {
  background:linear-gradient(90deg,rgba(15,6,4,.97),rgba(48,14,8,.68)),url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg) 78% center/cover no-repeat!important;
}
.BaiakerosDownloadHero {
  background:linear-gradient(90deg,rgba(13,5,3,.97),rgba(46,13,7,.62)),url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg) 78% center/cover no-repeat!important;
}
.DownloadShowcaseHero {
  background:linear-gradient(90deg,rgba(10,4,2,.98) 0%,rgba(26,8,4,.92) 43%,rgba(28,8,4,.34) 76%),url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg) 78% center/cover no-repeat!important;
}
.DownloadsHero {
  background:linear-gradient(90deg,rgba(10,4,2,.98) 0%,rgba(27,8,4,.91) 42%,rgba(29,8,4,.3) 76%),url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg) 78% center/cover no-repeat!important;
}
.DownloadMinimalHero {
  background:linear-gradient(180deg,rgba(17,6,3,.48),rgba(12,4,2,.9)),url(images/themeboxes/download/baiakeros-treasury-dragon-v9.jpg) 72% center/cover no-repeat!important;
}
@media(max-width:760px) {
  .BaiakerosDonationsFeatures { grid-template-columns:1fr; }
  .BaiakerosDonationsFeatures>div { border-right:0; border-bottom:1px solid #ad8d5f; }
  .BaiakerosDonationsFeatures>div:last-child { border-bottom:0; }
  .BaiakerosDonationsHero { align-items:flex-start; }
  .BaiakerosDonationsSeal { flex-basis:66px; height:66px; }
  .BaiakerosDonationsSeal img { width:56px; height:56px; }
  .BaiakerosDonationPackages { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .BaiakerosDonationSectionTitle { align-items:flex-start; flex-direction:column; gap:4px; }
  .BaiakerosDonationSectionTitle small { text-align:left; }
  .BaiakerosDonationContinue { width:calc(100% - 32px); }
  .BaiakerosPaymentMethods { grid-template-columns:1fr; }
  .BaiakerosPaymentMethodCard { min-height:124px; }
  .BaiakerosPaymentActions { align-items:stretch; flex-direction:column; }
  .BaiakerosPaymentActions a,.BaiakerosPaymentActions button { width:100%; }
}

/* Payment confirmation waiting state */
.BaiakerosPaymentWaiting {
  max-width:620px;
  margin:28px auto;
  padding:34px 30px 28px;
  border:1px solid #b99a6b;
  border-radius:7px;
  background:rgba(255,249,235,.9);
  box-shadow:0 8px 24px rgba(55,31,15,.12);
  color:#47311f;
  text-align:center;
}
.BaiakerosWaitingSpinner {
  width:44px;
  height:44px;
  margin:0 auto 18px;
  border:4px solid #dfcdaa;
  border-top-color:#8b4329;
  border-radius:50%;
  animation:BaiakerosPaymentSpin .85s linear infinite;
}
.BaiakerosWaitingSpinner.is-complete {
  border-color:#33826f;
  animation:none;
}
.BaiakerosWaitingSpinner.is-complete::after {
  content:'✓';
  display:block;
  color:#33826f;
  font:bold 28px/40px Arial,sans-serif;
}
@keyframes BaiakerosPaymentSpin { to { transform:rotate(360deg); } }
.BaiakerosPaymentWaiting>small,
.BaiakerosPaymentModalCard>small {
  color:#985230;
  font:bold 9px Arial,sans-serif;
  letter-spacing:1.4px;
}
.BaiakerosPaymentWaiting h3 {
  margin:7px 0 8px;
  font-size:22px;
}
.BaiakerosPaymentWaiting>p {
  margin:0 auto 20px;
  max-width:470px;
  font-size:12px;
  line-height:1.55;
}
.BaiakerosWaitingSummary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:20px 0;
  padding:16px 18px;
  border:1px solid #cfb98f;
  border-radius:5px;
  background:#f5e8ce;
  text-align:left;
}
.BaiakerosWaitingSummary span { display:flex; flex-direction:column; gap:3px; }
.BaiakerosWaitingSummary small { color:#80684d; font:bold 8px Arial,sans-serif; letter-spacing:1px; }
.BaiakerosWaitingSummary strong { font-size:14px; }
.BaiakerosWaitingSummary>b { color:#79381f; font-size:17px; }
.BaiakerosWaitingPixLink,
.BaiakerosPaymentModalCard button {
  display:inline-block;
  padding:12px 20px;
  border:1px solid #a95e38;
  border-radius:3px;
  background:linear-gradient(#9b472b,#692410);
  box-shadow:inset 0 0 0 1px rgba(255,193,126,.28);
  color:#fff4df;
  font:bold 10px Arial,sans-serif;
  letter-spacing:.5px;
  text-decoration:none;
  cursor:pointer;
}
.BaiakerosPaymentWaiting .BaiakerosWaitingHint {
  margin:15px 0 0;
  color:#806f5d;
  font-size:10px;
}
.BaiakerosPaymentModal[hidden] { display:none; }
.BaiakerosPaymentModal {
  position:fixed;
  z-index:10000;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.BaiakerosPaymentModalBackdrop {
  position:absolute;
  inset:0;
  background:rgba(12,7,4,.78);
  backdrop-filter:blur(2px);
}
.BaiakerosPaymentModalCard {
  position:relative;
  width:min(390px,100%);
  padding:30px 28px 26px;
  border:1px solid #b98b50;
  border-radius:7px;
  background:#fff6e6;
  box-shadow:0 18px 55px rgba(0,0,0,.45);
  color:#47311f;
  text-align:center;
}
.BaiakerosPaymentSuccessIcon {
  width:54px;
  height:54px;
  margin:0 auto 15px;
  border-radius:50%;
  background:#33826f;
  box-shadow:0 0 0 6px rgba(51,130,111,.13);
  color:white;
  font:bold 32px/54px Arial,sans-serif;
}
.BaiakerosPaymentModalCard h3 { margin:8px 0; font-size:23px; }
.BaiakerosPaymentModalCard p { margin:0 0 22px; font-size:13px; line-height:1.55; }
.BaiakerosPaymentModalCard button { min-width:120px; }
@media(max-width:520px) {
  .BaiakerosPaymentWaiting { margin:15px 8px; padding:27px 18px 23px; }
  .BaiakerosWaitingSummary { align-items:flex-start; flex-direction:column; gap:8px; }
}
/* Donations UI refresh 2026-08: modern typography within the medieval shell. */
@font-face {
  font-family:"Baiakeros Inter";
  src:url("fonts/inter-400.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:"Baiakeros Inter";
  src:url("fonts/inter-500.ttf") format("truetype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:"Baiakeros Inter";
  src:url("fonts/inter-600.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:"Baiakeros Inter";
  src:url("fonts/inter-700.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:"Baiakeros Cinzel";
  src:url("fonts/cinzel-600.ttf") format("truetype");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}
@font-face {
  font-family:"Baiakeros Cinzel";
  src:url("fonts/cinzel-700.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

.BaiakerosDonationsPage {
  --donation-ink:#342017;
  --donation-muted:#735f4d;
  --donation-line:#c6a975;
  --donation-paper:#ead7b0;
  --donation-paper-light:#f5e6ca;
  --donation-burgundy:#6f291a;
  --donation-pix:#32bcad;
  font-family:"Baiakeros Inter","Segoe UI",Arial,sans-serif;
  font-size:12px;
  line-height:1.5;
}
.BaiakerosDonationsPage button,
.BaiakerosDonationsPage input {
  font-family:inherit;
}
.BaiakerosDonationsHero {
  gap:20px;
  padding:22px 24px;
}
.BaiakerosDonationsHero>div:last-child>span {
  color:#d7a85d;
  font:700 9px/1 "Baiakeros Inter","Segoe UI",sans-serif;
  letter-spacing:1.7px;
}
.BaiakerosDonationsHero h2 {
  margin:7px 0 3px;
  color:#ffe7b3;
  font:700 23px/1.25 "Baiakeros Cinzel",Georgia,serif;
  letter-spacing:-.25px;
}
.BaiakerosDonationsHero p {
  color:#dac8ab;
  font:400 11px/1.55 "Baiakeros Inter","Segoe UI",sans-serif;
}
.BaiakerosDonationSectionTitle {
  margin-top:18px;
  padding-bottom:12px;
}
.BaiakerosDonationSectionTitle span {
  border:0;
  border-radius:3px;
  font:700 10px/1 "Baiakeros Inter",sans-serif;
}
.BaiakerosDonationSectionTitle strong {
  color:var(--donation-ink);
  font:700 16px/1.3 "Baiakeros Cinzel",Georgia,serif;
}
.BaiakerosDonationSectionTitle small {
  color:var(--donation-muted);
  font:500 10px/1.5 "Baiakeros Inter",sans-serif;
}
.BaiakerosDonationPackages {
  gap:11px;
  padding-top:15px;
}
.BaiakerosDonationPackageCard {
  min-height:164px;
  border-color:#b69765;
  border-radius:3px;
  background:linear-gradient(155deg,#eddcbd,#d6bd91);
  box-shadow:inset 0 0 0 1px rgba(255,250,235,.6),0 3px 8px rgba(67,36,17,.15);
}
.BaiakerosDonationPackage:hover .BaiakerosDonationPackageCard {
  border-color:#956642;
  background:linear-gradient(155deg,#f3e4c8,#dec59a);
  box-shadow:inset 0 0 0 1px #fff4dc,0 6px 14px rgba(67,36,17,.2);
}
.BaiakerosDonationPackageCard>strong {
  font:700 11px/1.4 "Baiakeros Inter",sans-serif;
}
.BaiakerosDonationPackageCard>b {
  font:700 13px/1.4 "Baiakeros Inter",sans-serif;
}
.BaiakerosDonationPackageCard>small {
  font:700 7px/1.4 "Baiakeros Inter",sans-serif;
  letter-spacing:1px;
}
.BaiakerosDonationContinue {
  height:42px;
  border-radius:3px;
  font:700 10px/40px "Baiakeros Inter",sans-serif;
  letter-spacing:.2px;
}
.BaiakerosDonationsNotice {
  color:var(--donation-muted);
  font:400 9px/1.5 "Baiakeros Inter",sans-serif;
}

/* Payment step */
.BaiakerosPaymentForm {
  margin:16px;
  overflow:hidden;
  border:1px solid var(--donation-line);
  border-radius:4px;
  background:linear-gradient(180deg,#f1dfbd 0%,#e6cfa5 100%);
  box-shadow:0 7px 18px rgba(66,35,16,.16);
}
.BaiakerosPaymentTitle {
  min-height:0;
  padding:18px 20px 14px;
  border:0;
  border-bottom:1px solid rgba(132,91,48,.3);
  background:rgba(255,249,235,.38);
}
.BaiakerosPaymentTitle small {
  margin:0 0 4px;
  color:#8e613c;
  font:700 8px/1 "Baiakeros Inter",sans-serif;
  letter-spacing:1.5px;
}
.BaiakerosPaymentTitle h3 {
  margin:0;
  color:var(--donation-ink);
  font:700 18px/1.3 "Baiakeros Cinzel",Georgia,serif;
  letter-spacing:-.2px;
  text-shadow:none;
}
.BaiakerosPaymentProgress {
  max-width:390px;
  margin:17px auto 15px;
}
.BaiakerosPaymentProgress li {
  gap:6px;
}
.BaiakerosPaymentProgress li::after {
  top:12px;
  height:1px;
}
.BaiakerosPaymentProgress span {
  width:24px;
  height:24px;
  border:0;
  font:700 9px/1 "Baiakeros Inter",sans-serif;
  box-shadow:0 0 0 3px rgba(238,219,182,.9);
}
.BaiakerosPaymentProgress b {
  color:#766048;
  font:600 9px/1.2 "Baiakeros Inter",sans-serif;
}
.BaiakerosPaymentProgress .is-current span {
  background:#b67a35;
  box-shadow:0 0 0 3px rgba(238,219,182,.9);
}
.BaiakerosPaymentPackageSummary {
  margin:0 18px 14px;
  padding:10px 12px;
  border:1px solid rgba(164,125,75,.52);
  border-radius:3px;
  background:rgba(255,248,230,.55);
}
.BaiakerosPaymentPackageSummary img {
  width:36px;
  height:36px;
}
.BaiakerosPaymentPackageSummary small {
  color:#8c6a49;
  font:700 8px/1.4 "Baiakeros Inter",sans-serif;
  letter-spacing:1px;
}
.BaiakerosPaymentPackageSummary strong {
  margin-top:1px;
  color:var(--donation-ink);
  font:600 12px/1.5 "Baiakeros Inter",sans-serif;
}
.BaiakerosPaymentPackageSummary>b {
  color:#8b2d1a;
  font:700 13px/1.4 "Baiakeros Inter",sans-serif;
}
.BaiakerosPaymentMethods {
  display:block;
  padding:0 18px 12px;
}
.BaiakerosPaymentMethodCard {
  position:relative;
  align-items:center;
  min-height:105px;
  padding:17px 58px 17px 17px;
  border:1px solid #c4a572;
  border-radius:5px;
  background:rgba(255,248,231,.68);
  box-shadow:none;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
.BaiakerosPaymentMethod:hover .BaiakerosPaymentMethodCard {
  border-color:#9b7a4e;
  background:rgba(255,250,237,.86);
  transform:none;
}
.BaiakerosPaymentMethod>input:checked+.BaiakerosPaymentMethodCard {
  border-color:#67aa9f;
  background:rgba(248,252,244,.75);
  box-shadow:inset 4px 0 var(--donation-pix),0 4px 12px rgba(56,72,55,.08);
}
.BaiakerosPaymentMethodCard::after {
  content:"";
  position:absolute;
  top:50%;
  right:20px;
  width:17px;
  height:17px;
  border:1px solid #a88c65;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  transform:translateY(-50%);
}
.BaiakerosPaymentMethod>input:checked+.BaiakerosPaymentMethodCard::after {
  border:5px solid var(--donation-pix);
  width:9px;
  height:9px;
  background:#fff;
}
.BaiakerosPaymentMethodIcon {
  flex:0 0 56px;
  width:56px;
  height:56px;
  margin:0 15px 0 0;
  border-radius:50%;
  background:#e8f5f2;
  color:var(--donation-pix);
}
.BaiakerosPaymentMethodIcon--pix svg {
  width:36px;
  height:36px;
  fill:currentColor;
  stroke:none;
}
.BaiakerosPaymentMethodText strong {
  color:var(--donation-ink);
  font:700 14px/1.35 "Baiakeros Inter",sans-serif;
}
.BaiakerosPaymentMethodText small {
  margin-top:2px;
  color:#82705d;
  font:500 9px/1.4 "Baiakeros Inter",sans-serif;
}
.BaiakerosPaymentMethodText p {
  min-height:0;
  margin:7px 0 5px;
  color:#685747;
  font:400 10px/1.5 "Baiakeros Inter",sans-serif;
}
.BaiakerosPaymentMethodText em {
  color:#288d80;
  font:700 normal 8px/1.3 "Baiakeros Inter",sans-serif;
  letter-spacing:.8px;
}
.BaiakerosPaymentNotice {
  margin:0 18px 13px;
  padding:8px 10px;
  border:0;
  border-radius:3px;
  background:rgba(119,84,46,.07);
  color:#705d49;
  font:500 9px/1.5 "Baiakeros Inter",sans-serif;
}
.BaiakerosPaymentNotice.is-visible {
  color:#705d49;
  background:rgba(119,84,46,.07);
}
.BaiakerosPaymentActions {
  gap:12px;
  padding:0 18px 18px;
}
.BaiakerosPaymentActions a,
.BaiakerosPaymentActions button {
  min-width:158px;
  height:40px;
  border-radius:3px;
  font:700 9px/38px "Baiakeros Inter",sans-serif;
  letter-spacing:.15px;
  box-shadow:none;
  text-shadow:none;
}
.BaiakerosPaymentActions a {
  border-color:#9e8563;
  background:transparent;
  color:#644d39!important;
}
.BaiakerosPaymentActions button {
  min-width:224px;
  border-color:var(--donation-burgundy);
  background:var(--donation-burgundy);
  color:#fff0d0!important;
}
.BaiakerosPaymentActions button b {
  font-size:14px;
}
.BaiakerosPaymentActions button:disabled {
  border-color:#b8a587;
  background:#c4b394;
  color:#80725e!important;
}
.BaiakerosPaymentActions a:hover,
.BaiakerosPaymentActions button:not(:disabled):hover {
  filter:brightness(1.08);
  transform:translateY(-1px);
}

@media(max-width:760px) {
  .BaiakerosDonationsHero { gap:13px; padding:17px; }
  .BaiakerosDonationsHero h2 { font-size:19px; }
  .BaiakerosDonationPackages { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .BaiakerosPaymentForm { margin:12px; }
  .BaiakerosPaymentTitle { padding:16px 14px 12px; }
  .BaiakerosPaymentTitle h3 { font-size:16px; }
  .BaiakerosPaymentProgress { margin-left:10px; margin-right:10px; }
  .BaiakerosPaymentPackageSummary { margin-left:12px; margin-right:12px; }
  .BaiakerosPaymentMethods { padding-left:12px; padding-right:12px; }
  .BaiakerosPaymentMethodCard { min-height:104px; padding:14px 46px 14px 13px; }
  .BaiakerosPaymentMethodIcon { flex-basis:48px; width:48px; height:48px; margin-right:11px; }
  .BaiakerosPaymentMethodIcon--pix svg { width:31px; height:31px; }
  .BaiakerosPaymentMethodText p { font-size:9px; }
  .BaiakerosPaymentNotice { margin-left:12px; margin-right:12px; }
  .BaiakerosPaymentActions { align-items:stretch; flex-direction:column-reverse; padding-left:12px; padding-right:12px; }
  .BaiakerosPaymentActions a,
  .BaiakerosPaymentActions button { width:100%; min-width:0; }
}
/* Official Pix artwork: transparent asset, no redraw, gradients or effects. */
.BaiakerosPaymentMethodIcon--pix {
  flex:0 0 88px;
  width:88px;
  height:48px;
  margin-right:17px;
  border-radius:0;
  background:transparent;
  color:inherit;
}
.BaiakerosPaymentMethodIcon--pix img {
  display:block;
  width:86px;
  height:auto;
  max-height:42px;
  object-fit:contain;
}
@media(max-width:760px) {
  .BaiakerosPaymentMethodIcon--pix {
    flex-basis:72px;
    width:72px;
    height:42px;
    margin-right:12px;
  }
  .BaiakerosPaymentMethodIcon--pix img {
    width:70px;
    max-height:38px;
  }
}
/* Two-method payment chooser: no artwork, clear availability states. */
.BaiakerosPaymentMethods {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:0 18px 16px;
}
.BaiakerosPaymentMethod {
  min-width:0;
}
.BaiakerosPaymentMethodCard {
  display:block;
  min-height:132px;
  padding:18px 20px;
  border:1px solid #c1a271;
  border-radius:5px;
  background:rgba(255,249,235,.72);
}
.BaiakerosPaymentMethod:hover .BaiakerosPaymentMethodCard {
  border-color:#9d7e54;
  background:rgba(255,252,243,.92);
}
.BaiakerosPaymentMethod>input:checked+.BaiakerosPaymentMethodCard {
  border-color:#7d5634;
  background:#fff6e4;
  box-shadow:inset 0 3px #7d5634,0 4px 12px rgba(71,39,19,.1);
}
.BaiakerosPaymentMethodCard::after {
  top:16px;
  right:16px;
  width:14px;
  height:14px;
  transform:none;
}
.BaiakerosPaymentMethod>input:checked+.BaiakerosPaymentMethodCard::after {
  width:8px;
  height:8px;
  border-color:#7d5634;
  background:#fff;
}
.BaiakerosPaymentMethodText strong {
  padding-right:24px;
  font-size:15px;
}
.BaiakerosPaymentMethodText small {
  margin-top:3px;
  font-size:9px;
}
.BaiakerosPaymentMethodText p {
  margin:15px 0 12px;
  font-size:10px;
  line-height:1.55;
}
.BaiakerosPaymentMethodText em {
  color:#2f806f;
  font-size:8px;
  letter-spacing:1px;
}
.BaiakerosPaymentMethod--disabled {
  cursor:not-allowed;
}
.BaiakerosPaymentMethod--disabled .BaiakerosPaymentMethodCard {
  border-color:#d0be9d;
  background:rgba(223,208,180,.46);
  box-shadow:none;
}
.BaiakerosPaymentMethod--disabled .BaiakerosPaymentMethodText strong,
.BaiakerosPaymentMethod--disabled .BaiakerosPaymentMethodText small,
.BaiakerosPaymentMethod--disabled .BaiakerosPaymentMethodText p {
  color:#907d66;
}
.BaiakerosPaymentMethod--disabled .BaiakerosPaymentMethodText em {
  color:#9a7656;
}
.BaiakerosPaymentMethod--disabled .BaiakerosPaymentMethodCard::after {
  border-color:#bca987;
  background:transparent;
}
@media(max-width:760px) {
  .BaiakerosPaymentMethods {
    grid-template-columns:1fr;
    gap:9px;
    padding:0 12px 14px;
  }
  .BaiakerosPaymentMethodCard {
    min-height:0;
    padding:15px 17px;
  }
  .BaiakerosPaymentMethodText p {
    margin:9px 0 8px;
  }
}