/* Content-first refinement; no changes to business components. */
.page-heading {gap:12px;margin:0 0 20px;}
.page-heading h1 {font-size:28px;line-height:1.25;letter-spacing:0;}
.page-heading .back-button {width:40px;height:40px;min-width:40px;min-height:40px;padding:10px;}
.home-grid {grid-template-columns:minmax(0,1fr);gap:0;}
.banner-media img {display:block;width:100%;height:auto;object-fit:contain;}
.banner-media img[hidden] {display:none;}
.hero-card {padding:0;}
.banner-media {line-height:0;}
.quick-card {padding:20px;gap:12px;}
.quick-card h3 {margin:0;}
.notice-strip {min-width:0;align-items:flex-start;}
.notice-strip > .icon,.notice-strip > .eyebrow {flex-shrink:0;}
.notice-strip > span:not(.eyebrow) {min-width:0;flex:1;overflow:visible;text-overflow:clip;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;}
.explore-grid {gap:16px;}
.editorial-tile {padding:24px;}
.editorial-tile h2 {font-size:28px;margin:0 0 24px;}
.tile-mark {right:24px;top:24px;}
.tile-mark .icon {width:32px;height:32px;}
.discover-panel {padding:16px 24px;}
.discover-panel > .text-link {font-size:14px;}
.discover-panel > .text-link:first-child {border-top:0;}
.media-gallery .media-toolbar {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;padding-bottom:12px;}
.media-gallery .media-control-row {margin:0;}
.media-sort {width:auto;min-width:172px;max-width:100%;padding:10px 32px 10px 12px;font:inherit;font-size:12px;background:transparent;border:1px solid var(--line);border-radius:8px;min-height:44px;color:var(--ink);}
.flow-grid {grid-template-columns:minmax(0,720px);gap:20px;margin-top:20px;}
/* Keep the amount in its own flexible column and the recharge target intact. */
.balance-card {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;}
.balance-amount {min-width:0;}
.balance-card strong {font-size:clamp(24px,5vw,39px);overflow-wrap:anywhere;}
.balance-card .balance-recharge {flex-shrink:0;max-width:120px;white-space:normal;text-align:center;line-height:1.4;}
/* Champagne nameplates: restrained brushed metal, not a glossy plastic fill. */
.tier-card {position:relative;isolation:isolate;overflow:hidden;border:1px solid #c9b78c;background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,transparent 1px,transparent 4px),linear-gradient(115deg,#e3d4b3 0%,#faf3e3 30%,#e8d9b9 63%,#d6c39a 100%);box-shadow:inset 0 1px 0 #fff9eb,inset 0 -1px 0 rgba(123,94,43,.15),0 4px 14px rgba(89,69,33,.06);color:#493b25;}
.tier-card:before {content:"";position:absolute;inset:6px;border:1px solid rgba(143,113,58,.22);border-radius:inherit;pointer-events:none;z-index:-1;}
.tier-card .tier-top > .icon {color:#8a6c34;}
.tier-card h2 {color:#493b25;text-shadow:0 1px 0 rgba(255,255,255,.65);}
.tier-card p:not(.eyebrow) {color:#6e5b3c;}
.tier-card .tag {background:rgba(255,251,239,.65);border-color:#c5b183;color:#6e5630;}
.tier-card .button.outline {border-color:#b29a68;color:#5b4729;background:rgba(255,250,236,.45);}
.tier-card.current-tier {border-color:#967139;background:repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 1px,transparent 1px,transparent 4px),linear-gradient(115deg,#d5bb86 0%,#f7e9c8 32%,#dfc591 67%,#c8a96d 100%);box-shadow:inset 0 1px 0 #fff5da,inset 0 0 0 1px rgba(143,106,43,.2),0 6px 18px rgba(105,78,32,.12);}
.current-tier .tier-top .tag {background:#72562b;border-color:#72562b;color:#fff7e6;}
@media(max-width:479px){.balance-card {padding:20px;gap:12px;}.balance-card .balance-recharge {max-width:100px;padding:9px 12px;}.notice-strip {gap:8px;flex-wrap:wrap;}.notice-strip > span:not(.eyebrow) {flex-basis:calc(100% - 32px);order:3;}.notice-strip > .icon:last-child {margin-left:auto;}}
@media(min-width:768px){.page-heading h1 {font-size:32px;}.hero-card {max-width:1040px;margin:0 auto;width:100%;}}
@media(max-width:479px){.page-heading h1 {font-size:24px;}.media-gallery .media-filter {padding:8px;}.explore-grid {grid-template-columns:1fr;}.section-space {margin-top:24px;}}
/* Reserve the actual fixed navigation height, including wrapped labels/safe area. */
@media(max-width:767px){
 main {padding-bottom:calc(var(--mobile-nav-height,88px) + 24px + env(safe-area-inset-bottom,0px));}
 .account-footer {scroll-margin-bottom:calc(var(--mobile-nav-height,88px) + 24px);}
 .media-gallery .media-toolbar {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start;}
 .media-gallery .media-control-row {display:block;width:100%;}
 .media-gallery .media-filter-options {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;}
 .media-gallery-profiles .media-filter-options {grid-template-columns:repeat(3,minmax(0,1fr));}
 .media-gallery .media-filter {justify-content:center;text-align:center;min-height:44px;padding:8px 4px;font-size:11px;line-height:1.35;}
 .media-gallery .media-sort {justify-self:end;width:100%;min-width:0;max-width:100%;}
}