body[data-page=tiers] .topbar,body[data-page=tiers] .bottom-nav{display:none}
body[data-page=tiers] #main{padding:0}
.tier-page{min-height:100dvh;background:#fffaf0;color:#37271e;padding-bottom:28px}
.tier-intro{text-align:center;padding:24px 22px 20px}
.tier-intro>img{width:58px;height:58px;object-fit:contain;margin:0 auto 8px}
.tier-intro>p{font:600 10px/1.6 Arial,sans-serif;letter-spacing:2.2px;color:#a97932;margin:0 0 6px}
.tier-intro h1{font-size:5.5cqw;line-height:1.4;color:#a71323;margin:0 0 9px}
.tier-intro>span{display:block;font-size:3.1cqw;line-height:1.7;color:#8c7764}
.tier-tabs{display:flex;margin:0 6cqw 18px;border-bottom:1px solid #e8d8bd}
.tier-tabs button{flex:1;min-height:48px;background:none;border-radius:0;color:#9b8676;font-size:3.7cqw;font-weight:600;position:relative;padding:8px 4px}
.tier-tabs button[aria-selected=true]{color:#b01625}
.tier-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:8%;right:8%;height:3px;background:#b01625}
.tier-carousel{position:relative;display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6cqw;padding:0 6cqw 8px;scrollbar-width:none}
.tier-carousel::-webkit-scrollbar{display:none}
.tier-card{flex:0 0 94%;aspect-ratio:1.6;position:relative;isolation:isolate;overflow:hidden;border:1px solid #edc375;border-radius:14px;scroll-snap-align:center;box-shadow:0 6px 12px #63331b15;color:#fff2d3;background:linear-gradient(120deg,#b70e20,#e22a2e)}
.tier-card-pattern{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 8px,#efbd69 9px 10px,transparent 11px 21px);background-size:64px 40px;opacity:.1;z-index:0}
.tier-card-shoulder{color:#63291c;background:linear-gradient(110deg,#ffe9b7,#e8b760 65%,#c9913e);border-color:#c39343}
.tier-card-brand{position:absolute;top:15px;left:17px;display:flex;align-items:center;gap:7px;z-index:3}
.tier-card-brand>img{width:8cqw;height:8cqw;object-fit:contain}
.tier-card-brand>span{font-size:4.2cqw;font-weight:700;line-height:1.2;white-space:nowrap}
.tier-card-brand small{display:block;font:600 1.25cqw/1.8 Arial,sans-serif;letter-spacing:.3cqw}
.tier-card-status{position:absolute;top:16px;right:13px;z-index:4;font-size:2.2cqw;color:#a21624;background:#fff1d2;border:1px solid #f5d194;padding:4px 7px;border-radius:3px;line-height:1.25}
.tier-card-shoulder .tier-card-status{background:#9d1723;color:#fff0c9;border-color:#9d1723}
.tier-card-copy{position:absolute;left:21px;bottom:20px;z-index:4;width:54%}
.tier-card-copy>small{font:500 1.55cqw/1.6 Arial,sans-serif;letter-spacing:.12cqw;opacity:.85}
.tier-card-copy h2{font-size:7cqw;line-height:1.4;margin:3px 0 2px;letter-spacing:-.1cqw;white-space:nowrap}
.tier-card-copy p{font-size:2.25cqw;line-height:1.5;margin:0;opacity:.9}
.tier-card-characters{position:absolute;right:-1%;bottom:0;width:50%;height:81%;overflow:hidden;z-index:2;pointer-events:none}
.tier-card-characters>img{position:absolute;display:block;height:auto;max-width:none}
.tier-card-character-a{left:0;top:0;width:63%;z-index:1}
.tier-card-character-b{right:-3%;top:9%;width:63%;z-index:2}
.tier-card-food{bottom:-7%;left:1%;width:100%;z-index:3}
.tier-dots{display:flex;justify-content:center;gap:8px;padding:13px 0 18px}
.tier-dots button{position:relative;width:22px;height:24px;padding:0;background:none}
.tier-dots button:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#d6c4ae;margin:auto}
.tier-dots button[aria-pressed=true]:after{width:22px;border-radius:4px;background:#b41b28}
.tier-progress-panel{margin:0 6cqw 9px;padding:15px;background:#fffdf7;border:1px solid #ead6b1;border-radius:10px}
.tier-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 11px;font-size:3cqw;color:#96774d}
.tier-progress-heading strong{color:#a81423;font-size:3.6cqw;display:flex;align-items:center;gap:4px}
.tier-progress-heading svg{width:14px;height:14px}
.tier-progress-track{height:6px;border-radius:4px;overflow:hidden;background:#f0e5d2}
.tier-progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#bc1525,#e2b35b)}
.tier-progress-content>p{font-size:3cqw;line-height:1.6;margin:9px 0 3px;color:#65513d}
.tier-progress-content>small{display:block;font-size:2.4cqw;color:#a38a6c;line-height:1.6}
.tier-detail-section{margin:0 6cqw;padding:21px 0 17px;border-bottom:1px solid #eadfcd}
.tier-detail-section h2{display:flex;align-items:center;gap:9px;font-size:3.7cqw;margin:0 0 13px;color:#a41324;line-height:1.5}
.tier-detail-section h2 svg{width:19px;height:19px;color:#bf8d3d;stroke-width:1.8}
.tier-detail-section>p,.tier-detail-section li{font-size:3.1cqw;line-height:1.85;color:#75614c;margin:0}
.tier-detail-section ul{padding-left:20px;margin:0;display:grid;gap:9px}
.tier-benefits-pending{background:#f7edda;border-left:3px solid #d6ac65;padding:14px 15px;color:#876941}
.tier-benefits-pending strong{font-size:3.4cqw;line-height:1.5}
.tier-benefits-pending p{font-size:2.9cqw;line-height:1.85;margin:5px 0 0}
.tier-terms>p{font-size:2.8cqw}
.tier-return{padding:24px 6cqw 0}
.tier-loading{padding:30px;font-size:14px}
.tier-home-summary{display:block;text-align:left;width:calc(100% - 8cqw);margin:14px 4cqw 0;padding:13px 15px;background:#fff9eb;border:1px solid #e7cfaa;border-radius:9px;color:inherit}
.tier-home-summary .tier-progress-heading{font-size:3.4cqw;color:#a21826;font-weight:600}
.tier-home-summary .tier-progress-heading strong{font-size:2.7cqw;color:#9a783e}
.member-header-native .member-header-tier{font-size:3cqw;white-space:nowrap;padding:0;cursor:pointer}
.tier-shoulder .member-header-native{background:linear-gradient(110deg,#851220,#ba2428,#8e1420);border-bottom:2px solid #d6ad5f}
.tier-admin fieldset{margin:20px 0;border:1px solid #e7d8bd;border-radius:8px;padding:15px}
.tier-admin legend{font-size:14px;color:#9e1b27;font-weight:600;padding:0 6px}
.tier-admin textarea,.tier-admin select{width:100%;font:inherit;padding:12px;border:1px solid #e3d5c2;border-radius:8px;background:#fffdf7;color:#4e3b2b}
.tier-admin textarea{resize:vertical;min-height:95px}
.tier-admin select{min-height:46px}
@media(max-width:359px){.tier-card-brand{left:12px;top:12px}.tier-card-copy{left:15px;bottom:15px}.tier-card-status{top:12px;right:9px}.tier-card-copy h2{font-size:6.9cqw}}
@media(prefers-reduced-motion:reduce){.tier-carousel{scroll-behavior:auto}}

.current-tier-benefits .pill{margin-bottom:12px}.current-tier-benefit-list{list-style:none;padding:0;margin:20px 0 4px;display:grid;gap:0}.current-tier-benefit-list li{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-top:1px solid #eadfcd;font-size:15px;line-height:1.8;color:#65513d}.current-tier-benefit-list svg{width:19px;height:19px;flex-shrink:0;margin-top:4px;color:#b58b47}