/* FBRKH Secondary Premium 2026
   Visual-only refinement for commerce, library, checkout and trust pages.
   Modern mode only. No business/payment/account logic. */

html[data-ui-mode="modern"]{
  --secondary-bg:#09050f;
  --secondary-bg-2:#11081d;
  --secondary-surface:rgba(23,14,39,.80);
  --secondary-surface-strong:rgba(26,16,44,.94);
  --secondary-line:rgba(255,255,255,.095);
  --secondary-text:#fffafc;
  --secondary-muted:#b9afc4;
  --secondary-purple:#a36cff;
  --secondary-yellow:#ffd75a;
}

/* Shared page canvas */
html[data-ui-mode="modern"] body.fbrkh-commerce-shell,
html[data-ui-mode="modern"] body.utility-payment-result,
html[data-ui-mode="modern"] body.public-trust-page,
html[data-ui-mode="modern"] body.utility-legal{
  min-height:100svh!important;
  color:var(--secondary-text)!important;
  background:
    radial-gradient(72% 48% at 50% -8%,rgba(163,108,255,.16),transparent 66%),
    linear-gradient(180deg,#0e0718 0%,#09050f 58%,#07040b 100%)!important;
  background-attachment:fixed!important;
}

/* Commerce header */
html[data-ui-mode="modern"] body.fbrkh-commerce-shell > .topbar,
html[data-ui-mode="modern"] body.utility-payment-result > .topbar{
  width:min(1160px,calc(100% - 28px))!important;
  min-height:66px!important;
  margin:12px auto 0!important;
  padding:8px 12px!important;
  border:1px solid var(--secondary-line)!important;
  border-radius:21px!important;
  background:linear-gradient(180deg,rgba(24,14,40,.68),rgba(13,8,23,.58))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035)!important;
  backdrop-filter:blur(20px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(115%)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell > .topbar .brand img,
html[data-ui-mode="modern"] body.utility-payment-result > .topbar .brand img{
  width:94px!important;
  max-height:48px!important;
  object-fit:contain!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell > .topbar nav{
  display:flex!important;align-items:center!important;gap:5px!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell > .topbar nav a{
  min-height:40px!important;padding:8px 11px!important;border-radius:12px!important;
  color:#b7adbf!important;text-decoration:none!important;font-size:.73rem!important;font-weight:850!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell > .topbar nav a:hover{
  color:#fff!important;background:rgba(255,255,255,.055)!important;
}

/* Store */
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-shell{
  width:min(1160px,calc(100% - 28px))!important;
  margin:0 auto!important;
  padding:46px 0 64px!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-hero{
  max-width:760px!important;
  margin:0 auto 42px!important;
  padding:20px 0!important;
  text-align:center!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-hero > span,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-heading span{
  color:var(--secondary-purple)!important;
  font-size:.68rem!important;
  font-weight:950!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-hero h1{
  margin:7px 0 10px!important;
  color:#fff!important;
  font-size:clamp(2.75rem,6.5vw,5.6rem)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  font-weight:950!important;
  text-shadow:0 20px 54px rgba(0,0,0,.28)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-hero p{
  max-width:620px!important;margin-inline:auto!important;
  color:var(--secondary-muted)!important;line-height:1.75!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-featured-section,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-promo-card,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .support-card,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .resume-purchase-notice:not(.hidden),
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .library-notice:not(.hidden),
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .pending-purchase-notice:not(.hidden){
  border:1px solid var(--secondary-line)!important;
  border-radius:27px!important;
  background:linear-gradient(145deg,rgba(29,18,48,.87),rgba(14,8,24,.82))!important;
  box-shadow:0 28px 82px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.035)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-featured-section{
  padding:22px!important;margin-bottom:34px!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-heading{
  margin:28px 0 14px!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-heading h2{
  margin:4px 0 0!important;color:#fff!important;font-size:clamp(1.45rem,3vw,2.15rem)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-card{
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  box-shadow:0 20px 58px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-card:hover{
  transform:none!important;
  border-color:rgba(163,108,255,.26)!important;
  box-shadow:0 26px 68px rgba(0,0,0,.24),0 0 36px rgba(163,108,255,.055)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-card-actions button,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-card-actions a{
  min-height:44px!important;border-radius:14px!important;font-weight:900!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-promo-card{
  margin-top:34px!important;padding:22px!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-promo-form{
  border-radius:16px!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-promo-form input,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .account-gift-redeem input,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .library-search,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .library-filter{
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  color:#fff!important;background:rgba(5,3,9,.48)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-promo-form input:focus,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .account-gift-redeem input:focus,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .library-search:focus{
  border-color:rgba(163,108,255,.50)!important;
  box-shadow:0 0 0 3px rgba(163,108,255,.10)!important;
}

/* My Games / wallet */
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .games-library{
  width:min(1160px,calc(100% - 28px))!important;
  margin:0 auto!important;
  padding:46px 0 64px!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .games-library-head{
  max-width:760px!important;margin:0 auto 28px!important;text-align:center!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .games-library-head > span{
  color:var(--secondary-purple)!important;font-size:.68rem!important;font-weight:950!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .games-library-head h2{
  margin:7px 0 10px!important;color:#fff!important;
  font-size:clamp(2.5rem,5.7vw,4.8rem)!important;line-height:.95!important;letter-spacing:-.05em!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .games-library-head p{color:var(--secondary-muted)!important}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .account-value-center:not(.hidden),
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .library-toolbar{
  padding:18px!important;
  border:1px solid var(--secondary-line)!important;border-radius:23px!important;
  background:linear-gradient(145deg,rgba(29,18,48,.84),rgba(14,8,24,.80))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.20)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .account-value-card,
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .game-card.library-card{
  border:1px solid rgba(255,255,255,.085)!important;border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.048),rgba(255,255,255,.022))!important;
  box-shadow:0 17px 50px rgba(0,0,0,.15)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .library-tabs{
  padding:4px!important;border-radius:15px!important;background:rgba(0,0,0,.17)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .library-tab{
  min-height:39px!important;border-radius:11px!important;color:#bcb2c5!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .library-tab.active{
  color:#160d20!important;background:var(--secondary-yellow)!important;
  box-shadow:0 9px 26px rgba(255,215,90,.14)!important;
}

/* Checkout + payment result */
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .checkout-shell,
html[data-ui-mode="modern"] body.utility-payment-result .checkout-shell{
  width:min(720px,calc(100% - 28px))!important;
  margin:0 auto!important;padding:38px 0 60px!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .checkout-card,
html[data-ui-mode="modern"] body.utility-payment-result .checkout-card{
  padding:clamp(20px,4vw,34px)!important;
  border:1px solid var(--secondary-line)!important;border-radius:28px!important;
  background:linear-gradient(145deg,rgba(29,18,48,.92),rgba(14,8,24,.90))!important;
  box-shadow:0 34px 96px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.035)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .checkout-card h1,
html[data-ui-mode="modern"] body.utility-payment-result .checkout-card h1{
  color:#fff!important;font-size:clamp(1.8rem,5vw,3rem)!important;letter-spacing:-.035em!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .checkout-card > p,
html[data-ui-mode="modern"] body.utility-payment-result .checkout-card > p{color:var(--secondary-muted)!important}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .checkout-trust{
  color:#cfc1ff!important;background:rgba(163,108,255,.075)!important;border-color:rgba(163,108,255,.16)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .checkout-promo{
  border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:rgba(255,255,255,.025)!important;
}
html[data-ui-mode="modern"] body.fbrkh-commerce-shell .back-link{
  width:max-content!important;padding:8px 10px!important;border-radius:12px!important;color:#c9bfce!important;
}
html[data-ui-mode="modern"] body.utility-payment-result .result-icon{
  filter:drop-shadow(0 16px 32px rgba(163,108,255,.18))!important;
}

/* Public trust / legal pages */
html[data-ui-mode="modern"] body.public-trust-page .legal-shell,
html[data-ui-mode="modern"] body.utility-legal .legal-shell{
  width:min(960px,calc(100% - 28px))!important;
  margin:0 auto!important;padding:46px 0 70px!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-hero,
html[data-ui-mode="modern"] body.utility-legal .legal-hero{
  max-width:800px!important;margin:0 auto 26px!important;padding:18px 0!important;text-align:center!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-hero > span,
html[data-ui-mode="modern"] body.utility-legal .legal-hero > span{
  color:var(--secondary-purple)!important;font-size:.68rem!important;font-weight:950!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-hero h1,
html[data-ui-mode="modern"] body.utility-legal .legal-hero h1{
  margin:7px 0 10px!important;color:#fff!important;
  font-size:clamp(2.4rem,6vw,4.8rem)!important;line-height:.97!important;letter-spacing:-.05em!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-hero p,
html[data-ui-mode="modern"] body.utility-legal .legal-hero p{
  max-width:680px!important;margin-inline:auto!important;color:var(--secondary-muted)!important;line-height:1.8!important;
}
html[data-ui-mode="modern"] body.public-trust-page .trust-nav{
  width:max-content!important;max-width:100%!important;margin:0 auto 22px!important;padding:5px!important;
  display:flex!important;gap:4px!important;overflow-x:auto!important;
  border:1px solid var(--secondary-line)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;
}
html[data-ui-mode="modern"] body.public-trust-page .trust-nav a{
  flex:0 0 auto!important;min-height:39px!important;padding:9px 12px!important;border-radius:11px!important;
  color:#bcb2c5!important;text-decoration:none!important;font-size:.7rem!important;font-weight:850!important;
}
html[data-ui-mode="modern"] body.public-trust-page .trust-nav a[aria-current="page"]{
  color:#160d20!important;background:var(--secondary-yellow)!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-section,
html[data-ui-mode="modern"] body.utility-legal .legal-section{
  margin:12px 0!important;padding:clamp(18px,3vw,27px)!important;
  border:1px solid var(--secondary-line)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(29,18,48,.78),rgba(14,8,24,.76))!important;
  box-shadow:0 18px 58px rgba(0,0,0,.14)!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-section h2,
html[data-ui-mode="modern"] body.utility-legal .legal-section h2{
  color:#fff!important;font-size:1.18rem!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-section p,
html[data-ui-mode="modern"] body.public-trust-page .legal-section li,
html[data-ui-mode="modern"] body.utility-legal .legal-section p,
html[data-ui-mode="modern"] body.utility-legal .legal-section li{
  color:#c3bacb!important;line-height:1.85!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-form input,
html[data-ui-mode="modern"] body.public-trust-page .legal-form textarea,
html[data-ui-mode="modern"] body.public-trust-page .legal-form select,
html[data-ui-mode="modern"] body.utility-legal .legal-form input,
html[data-ui-mode="modern"] body.utility-legal .legal-form textarea,
html[data-ui-mode="modern"] body.utility-legal .legal-form select{
  border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;
  color:#fff!important;background:rgba(5,3,9,.50)!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-button,
html[data-ui-mode="modern"] body.utility-legal .legal-button{
  min-height:48px!important;border:0!important;border-radius:15px!important;
  color:#171006!important;background:linear-gradient(135deg,#fff0a0,var(--secondary-yellow))!important;
  box-shadow:0 15px 36px rgba(255,215,90,.14)!important;font-weight:950!important;
}
html[data-ui-mode="modern"] body.public-trust-page .legal-table,
html[data-ui-mode="modern"] body.utility-legal .legal-table{
  width:100%!important;border-collapse:separate!important;border-spacing:0!important;
  overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:15px!important;
}

/* Responsive */
@media (max-width:720px){
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell > .topbar,
  html[data-ui-mode="modern"] body.utility-payment-result > .topbar{
    width:calc(100% - 18px)!important;min-height:59px!important;margin-top:8px!important;border-radius:18px!important;
  }
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell > .topbar .brand img,
  html[data-ui-mode="modern"] body.utility-payment-result > .topbar .brand img{width:82px!important}
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell > .topbar nav a{padding-inline:8px!important;font-size:.66rem!important}
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-shell,
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .games-library{
    width:calc(100% - 18px)!important;padding-top:27px!important;
  }
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-hero{margin-bottom:24px!important}
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-featured-section{padding:14px!important;border-radius:22px!important}
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-card{border-radius:19px!important}
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .account-value-center:not(.hidden),
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .library-toolbar{padding:13px!important;border-radius:19px!important}
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .checkout-shell,
  html[data-ui-mode="modern"] body.utility-payment-result .checkout-shell{
    width:calc(100% - 18px)!important;padding-top:24px!important;
  }
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .checkout-card,
  html[data-ui-mode="modern"] body.utility-payment-result .checkout-card{border-radius:22px!important;padding:18px!important}
  html[data-ui-mode="modern"] body.public-trust-page .legal-shell,
  html[data-ui-mode="modern"] body.utility-legal .legal-shell{
    width:calc(100% - 18px)!important;padding-top:28px!important;
  }
  html[data-ui-mode="modern"] body.public-trust-page .legal-hero,
  html[data-ui-mode="modern"] body.utility-legal .legal-hero{margin-bottom:16px!important}
  html[data-ui-mode="modern"] body.public-trust-page .legal-section,
  html[data-ui-mode="modern"] body.utility-legal .legal-section{border-radius:18px!important;padding:17px!important}
}
@media (max-width:420px){
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell > .topbar nav a{display:none!important}
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .store-hero h1{font-size:2.65rem!important}
  html[data-ui-mode="modern"] body.fbrkh-commerce-shell .games-library-head h2{font-size:2.45rem!important}
  html[data-ui-mode="modern"] body.public-trust-page .trust-nav{
    width:100%!important;justify-content:flex-start!important;
  }
}
@media (prefers-reduced-motion:reduce){
  html[data-ui-mode="modern"] body .store-card{transition:none!important}
}