.ui-arrow{display:inline-block;width:18px;height:18px;flex:none;vertical-align:middle}.store-link{gap:8px}.store-link .ui-arrow{width:17px;height:17px}.design-review-bar{position:fixed;bottom:9px;right:12px;z-index:500;display:flex;align-items:center;gap:13px;padding:9px 12px;border:1px solid #6d5a32;border-radius:8px;background:#10100ff5;box-shadow:0 3px 20px #0009;font:10px Inter,sans-serif;color:#c9a24c;backdrop-filter:blur(12px)}.design-review-bar>span{font-size:7px;letter-spacing:1px;color:#999589}.design-review-bar a{padding:4px;color:#f5f5f1}html{scroll-padding-top:105px}*,*:before,*:after{box-sizing:border-box}.site-header{width:100%;min-width:0}.site-header .brand{min-width:0;flex-shrink:0}.main-nav{min-width:0}.main-nav a{white-space:nowrap}.hero-premium{width:100%}.hero-stage,.rings-grid,.ring-section,.ring-stage-wrap{min-width:0}.ring-section{width:100%}.rings-grid .ring-stage-wrap{isolation:isolate}.dashboard-header .header-right,.dashboard-main,.section-heading,.section-heading>div:first-child{min-width:0}.dashboard-header .store-link{white-space:nowrap}
@media(min-width:768px) and (max-width:1366px){html{scroll-padding-top:155px}.site-header{height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 25px;padding:15px 4vw 0;align-items:center}.site-header .brand{grid-column:1;grid-row:1;gap:12px}.site-header .brand img{width:47px;height:47px}.site-header .brand span{font-size:25px}.site-header .actions{grid-column:2;grid-row:1;gap:15px}.site-header .currency-toggle{height:35px}.site-header .cur-btn{min-width:53px;padding:0 12px;font-size:9px}.site-header .main-nav{grid-row:2;grid-column:1/-1;width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(25px,4vw,55px);margin:0;padding:0;border-top:1px solid #ffffff0c;min-height:44px}.site-header .main-nav a{font-size:10px;letter-spacing:1.4px;padding:14px 0;line-height:1.4}.hero-premium{display:block;grid-template-columns:minmax(0,1fr);max-width:none}.hero-rail{display:none}.hero-stage{min-height:clamp(500px,68svh,700px);width:100%}.hero-slide>img{object-position:center 28%}.hero-content{max-width:570px}.hero-content h1{font-size:clamp(58px,7vw,84px)}.hero-content>p:not(.eyebrow){max-width:380px;font-size:14px}.rings-grid{grid-template-columns:minmax(0,1fr);padding:64px 4vw;gap:56px}.rings-grid .ring-stage{height:380px}.rings-grid .pcard{width:190px;height:346px}.rings-grid .section-head h2{font-size:34px}}
.membership-section{border:1px solid #3b3322;border-radius:20px;padding:30px;background:radial-gradient(ellipse at 100% 0,#c9a24c08,transparent 60%),#080808;position:relative;overflow:hidden;margin-bottom:42px;box-shadow:0 25px 65px #0005}.membership-section>.section-heading{margin-bottom:25px}.membership-section .section-heading h2{font-size:34px}.membership-section .section-heading .eyebrow{font-size:8px;letter-spacing:1.9px}.membership-section .section-heading p{font-size:11px}.membership-section .tier-track{width:100%;min-width:0;display:flex;margin:0;padding:2px 1px 13px;gap:16px;scroll-padding:0;scroll-snap-type:x mandatory;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.membership-section .tier-track::-webkit-scrollbar{display:none}.membership-section .tier-card{flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start;border-radius:12px;padding:25px 22px;background:linear-gradient(150deg,#202124,#0d0d0d 50%);border-color:#aeb6be3b;box-shadow:0 9px 25px #0004}.membership-section .tier-card.gold{background:radial-gradient(ellipse at 80% 0,#c9a24c19,transparent 70%),#11100d;border-color:#8a6f34}.membership-section .tier-card.diamond{background:radial-gradient(ellipse at 80% 0,#bfe9ff12,transparent 70%),#0b0e0f;border-color:#bfe9ff35}.membership-section .tier-art{height:88px;position:relative;margin:0 0 9px;border-bottom:1px solid #ffffff0c}.membership-section .tier-art>svg{height:43px;width:43px;transform:rotate(-9deg);stroke-width:.8}.membership-section .tier-art>span{top:14px;right:0;font-size:49px}.membership-section .tier-top{font-size:7px;letter-spacing:1.2px}.membership-section .tier-note{font-size:6px;letter-spacing:.5px}.membership-section .tier-card h3{font-size:31px}.membership-section .tier-card>p{font-size:10px;min-height:34px;line-height:1.7;margin-bottom:22px}.membership-section .tier-price strong{font-size:36px}.membership-section .tier-price>span{font-size:10px}.membership-section .tier-card ul{gap:14px;margin-bottom:25px}.membership-section .tier-card li{font-size:10px}.membership-section .plan-select{font-size:11px;padding:14px;min-height:47px;border-radius:5px}.membership-section .membership-foot{padding-top:13px;margin-top:8px;border-top:1px solid #ffffff0b}.membership-section .membership-foot p{font-size:10px;line-height:1.8;margin:0}.membership-section #planFeedback{font-size:11px;margin-top:13px;color:#a29a86}.membership-section .carousel-nav button{width:40px;height:40px}.membership-section .carousel-nav{display:none}.dashboard-header .store-link{display:inline-flex;gap:8px;border:1px solid #4b3e25;border-radius:5px;padding:0 13px;height:38px;font-size:10px;background:#c9a24c05}.dashboard-header .store-link:hover{background:#c9a24c10;text-decoration:none}.saved-grid,.bottom-grid,.overview-grid{min-width:0}
@media(min-width:641px) and (max-width:1100px){.membership-section{padding:25px;border-radius:16px}.membership-section .tier-card{flex-basis:calc((100% - 16px)/2);padding:25px}.membership-section .carousel-nav{display:flex}.membership-section .section-heading h2{font-size:30px}.membership-section .section-heading .eyebrow{font-size:7px}.membership-section .membership-foot{display:flex;justify-content:space-between}.membership-section .membership-foot>span{display:inline;font-size:7px;letter-spacing:1px}.membership-section .membership-foot p{font-size:9px;max-width:260px}.dashboard-header .header-right{gap:14px}.dashboard-main{padding-left:28px;padding-right:28px}}
@media(max-width:767px){html{scroll-padding-top:88px}.site-header{display:flex;height:auto;padding:12px 14px;gap:10px}.site-header .brand{min-width:0;flex:1 1 auto;gap:9px;overflow:hidden}.site-header .brand img{width:36px;height:36px}.site-header .brand span{font-size:clamp(16px,4.5vw,21px);overflow:hidden;text-overflow:ellipsis}.site-header .main-nav{display:none}.site-header .actions{flex:none;gap:12px}.site-header .actions .currency-toggle{height:32px}.site-header .actions .cur-btn{padding:0 10px;min-width:30px}.site-header .actions>button{width:26px}.hero-premium{display:block}.hero-stage{min-height:560px}.hero-content h1{font-size:clamp(43px,10vw,62px)}.hero-content>p:not(.eyebrow){font-size:13px;max-width:300px}.rings-grid .section-head h2{font-size:30px}}
@media(max-width:640px){.dashboard-main{padding-left:16px;padding-right:16px}.membership-section{padding:22px 18px 20px;border-radius:16px;margin-bottom:32px}.membership-section .section-heading{display:block;margin-bottom:20px}.membership-section .section-heading h2{font-size:29px;line-height:1.12;max-width:240px;margin:10px 0}.membership-section .section-heading p{font-size:11px;max-width:230px;line-height:1.7}.membership-section .section-heading .eyebrow{font-size:7px;line-height:1.9;max-width:240px;letter-spacing:1.4px}.membership-section .carousel-nav{display:flex;justify-content:flex-end;margin-top:17px;gap:8px}.membership-section .tier-track{margin:0;gap:16px;padding:2px 1px 10px}.membership-section .tier-card{flex-basis:100%;min-width:0;padding:23px;border-radius:10px}.membership-section .tier-art{height:70px;margin-bottom:15px}.membership-section .tier-art>span{top:4px}.membership-section .tier-card h3{font-size:33px}.membership-section .tier-card>p{font-size:11px;min-height:0;margin-bottom:18px}.membership-section .tier-price strong{font-size:35px}.membership-section .tier-price>span{font-size:10px}.membership-section .tier-card li{font-size:11px}.membership-section .tier-divider{margin:20px 0}.membership-section .tier-card ul{margin-bottom:22px}.membership-section .membership-foot{display:block;margin-top:4px}.membership-section .membership-foot>span{display:block;font-size:7px;letter-spacing:1px;margin-bottom:10px}.membership-section .membership-foot p{font-size:10px;text-align:left}.dashboard-header{padding:14px 18px}.dashboard-header .header-right{gap:10px}.dashboard-header .store-link{padding:0 10px;font-size:10px;min-height:38px}.dashboard-header .store-link .ui-arrow{width:15px}.design-review-bar{bottom:77px;right:10px;gap:10px;padding:7px 10px;font-size:9px}.design-review-bar>span{font-size:6px}}

/* Compact approval revision */
.membership-section{padding:22px;max-width:1050px;margin-left:auto;margin-right:auto}.membership-section>.section-heading{margin-bottom:15px}.membership-section .section-heading h2{font-size:27px;margin:6px 0}.membership-section .section-heading p{font-size:11px;margin-top:6px}.membership-section .tier-card{padding:19px}.membership-section .tier-art{height:48px;margin-bottom:7px}.membership-section .tier-art>svg{width:30px;height:30px}.membership-section .tier-art>span{font-size:35px;top:0}.membership-section .tier-card h3{font-size:26px}.membership-section .tier-card>p{min-height:0;margin:7px 0 14px;font-size:10px}.membership-section .tier-price strong{font-size:29px}.membership-section .tier-divider{margin:14px 0}.membership-section .tier-card ul{gap:9px;margin-bottom:16px}.membership-section .tier-card li{font-size:10px}.membership-section .plan-select{min-height:42px;padding:11px 12px;font-size:10px}.membership-section .membership-foot{padding-top:10px;margin-top:2px}.membership-section .membership-foot p{font-size:9px}.membership-section #planFeedback{font-size:10px;margin-top:8px}.membership-section .carousel-nav button{width:34px;height:34px}@media(max-width:640px){.membership-section{padding:18px 16px}.membership-section .section-heading h2{font-size:25px;max-width:none}.membership-section .section-heading .eyebrow{font-size:6px;letter-spacing:1px}.membership-section .section-heading p{max-width:none;font-size:10px}.membership-section .carousel-nav{margin-top:12px}.membership-section .tier-card{padding:18px}.membership-section .tier-art{height:43px;margin-bottom:8px}.membership-section .tier-card h3{font-size:27px}.membership-section .tier-price strong{font-size:29px}.membership-section .tier-card li{font-size:10px}.membership-section .membership-foot>span{font-size:6px;margin-bottom:7px}.membership-section .membership-foot p{font-size:9px}}

/* Keep both shopping carousels side by side when the original desktop layout fits. */
@media(min-width:1301px){.rings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}.rings-grid .ring-stage{height:400px}.rings-grid .section-head h2{font-size:clamp(22px,2.3vw,34px)}}