:root{--bg:#080a0b;--panel:#101315;--panel2:#15191b;--panel3:#1b2022;--accent:#a8b86a;--accent2:#738045;--text:#f5f6f3;--muted:#8f9691;--line:rgba(255,255,255,.075);--danger:#f06b6b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);overflow-x:hidden}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}.shell{min-height:100vh}.main{padding-bottom:78px}.content{max-width:1340px;margin:0 auto;padding:20px 15px 34px}.screen{display:none;animation:pageIn .28s cubic-bezier(.22,1,.36,1)}.screen.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mobileHeader{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background:rgba(8,10,11,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.logoBrand{padding:0}.logoBrand img{width:180px;height:44px;object-fit:contain;object-position:left center}.iconBtn{border:0;background:transparent;color:white;width:42px;height:42px}.iconBtn img{width:38px;height:38px;object-fit:contain}.mobileMenu{position:fixed;z-index:50;left:10px;right:10px;top:64px;display:grid;background:#101315;border:1px solid var(--line);border-radius:17px;padding:8px;box-shadow:0 25px 60px rgba(0,0,0,.45)}.mobileMenu.hidden{display:none}.nav{position:relative;border:0;background:transparent;color:#9ba29e;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left}.nav.active{background:#171b1d;color:white}.nav img{width:30px;height:30px;object-fit:contain}
.bottomNav{position:fixed;z-index:45;bottom:0;left:0;right:0;height:68px;background:rgba(10,12,13,.97);backdrop-filter:blur(15px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.bottomNav button{border:0;background:transparent;color:#767e78;display:grid;place-items:center;align-content:center;gap:3px;font-size:9px;min-width:0}.bottomNav button.active{color:var(--accent)}.bottomNav img{width:30px;height:30px;object-fit:contain}.bottomNav button.active img{filter:drop-shadow(0 0 8px rgba(168,184,106,.45))}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.kicker{display:block;color:#6f7771;font-size:10px;font-weight:800;letter-spacing:1.5px}.topbar h1{font-size:32px;margin:3px 0 0;letter-spacing:-1.3px}.topActions{display:flex;align-items:center;gap:10px}.avatarMini{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#31383a,#181c1e);border:1px solid #444;display:grid;place-items:center;font-size:12px;font-weight:800}.roundBtn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#101315;color:var(--accent)}
.heroPhoto{position:relative;min-height:540px;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 25px 80px rgba(0,0,0,.35);margin-bottom:18px;isolation:isolate}.heroBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-3}.heroShade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,7,.87),rgba(6,8,8,.70) 57%,rgba(6,8,8,.48));z-index:-2}.heroTexture{position:absolute;inset:0;opacity:.16;background-image:radial-gradient(circle at 10px 10px,rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;z-index:-1}.heroContent{position:absolute;z-index:3;left:22px;right:22px;top:26px}.heroLogo{width:88%;height:78px;object-fit:contain;object-position:left center;margin-bottom:5px}.pill{display:inline-flex;align-items:center;max-width:100%;border:1px solid var(--line);background:#171b1d;border-radius:999px;padding:6px 9px;color:#abb2ad;font-size:9px;font-weight:800;letter-spacing:1px}.pill.green{background:rgba(168,184,106,.13);border-color:rgba(168,184,106,.28);color:#c4d28b}.heroContent h2{font-size:48px;line-height:.92;letter-spacing:-2px;margin:17px 0 13px}.heroContent p{max-width:290px;color:#a4aaa6;line-height:1.55}.heroButton,.wideAccent{border:0;background:var(--accent);color:#111;border-radius:14px;padding:13px 18px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.heroFloating{position:absolute;left:16px;right:16px;bottom:16px;z-index:4;display:flex;align-items:center;gap:12px;background:rgba(10,12,13,.84);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:13px 14px}.floatIcon{width:42px;height:42px;border-radius:12px;background:#1b211b;display:grid;place-items:center;overflow:hidden}.floatIcon img{width:36px;height:36px}.heroFloating>div:last-child{display:grid;gap:2px;min-width:0}.heroFloating span{font-size:9px;color:#7f8781;letter-spacing:1.3px}.heroFloating strong{font-size:14px}.heroFloating small{color:#959c97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.statsGrid,.profileStats{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:26px}.statBox{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--line);background:#101315;border-radius:17px}.statIcon{width:42px;height:42px;border-radius:12px;background:#192018;display:grid;place-items:center;overflow:hidden}.statIcon img{width:38px;height:38px}.statBox>div:last-child{display:grid;gap:2px}.statBox strong{font-size:20px}.statBox span{color:#7e8680;font-size:11px}
.sectionTitle{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:27px 0 12px}.sectionTitle>div>span{font-size:9px;color:#6f7771;letter-spacing:1.4px;font-weight:800}.sectionTitle h2{margin:3px 0 0;font-size:23px}.sectionTitle>button{border:0;background:transparent;color:#9ca39e;font-size:12px}.sectionTitle.compact{margin-top:0}
.scheduleStack{display:grid;gap:8px}.scheduleRow{display:grid;grid-template-columns:58px 60px minmax(0,1fr);gap:9px;align-items:center;padding:12px;background:#101315;border:1px solid var(--line);border-radius:17px}.scheduleThumb{width:58px;height:64px;border-radius:12px;object-fit:cover}.scheduleTime{display:grid;gap:2px}.scheduleTime strong{font-size:14px;white-space:nowrap}.scheduleTime span{font-size:9px;color:#737b75}.scheduleInfo{display:grid;gap:5px;min-width:0}.scheduleInfo strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduleInfo>span:last-child{font-size:10px;color:#7d8580}.scheduleInfo .pill{width:max-content}.miniBtn,.reserveBtn{grid-column:1/-1;border:0;background:#738045;color:white;border-radius:11px;padding:10px 12px;font-weight:800;font-size:11px}.miniBtn.ghost,.reserveBtn.ghost{background:#1b1f20;color:#c0c5c1;border:1px solid var(--line)}.reserveBtn.success{background:#2c3426;color:#bed087}
.progressPanel{display:grid;grid-template-columns:1fr;gap:20px;place-items:center;background:linear-gradient(145deg,#111513,#101315);border:1px solid var(--line);border-radius:22px;padding:20px}.progressRing{width:165px;height:165px;border-radius:50%;background:conic-gradient(var(--accent) 0 68%,#222726 68%);display:grid;place-items:center;position:relative}.progressRing:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#111416}.progressRing>div{position:relative;z-index:2;text-align:center;display:grid}.progressRing strong{font-size:30px}.progressRing span{font-size:10px;color:#7d8580}.progressCopy{text-align:center}.progressCopy>span{font-size:10px;color:#7c847e;letter-spacing:1.2px}.progressCopy h3{font-size:24px;margin:7px 0}.progressCopy p{color:#8c948e}.weekDots{display:flex;gap:12px;justify-content:center;margin-top:16px}.weekDots>div{display:grid;gap:5px;place-items:center}.weekDots i{width:25px;height:25px;border-radius:50%;background:#1d2220;display:grid;place-items:center;font-style:normal}.weekDots .done i{background:var(--accent);color:#111}.weekDots span{font-size:9px;color:#727a74}.progressPhoto{width:100%;height:210px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.progressPhoto img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.dateRail{display:flex;gap:8px;overflow:auto;padding:0 0 8px;margin:0 -15px 18px;padding-left:15px}.dateChip{flex:0 0 auto;min-width:70px;border:1px solid var(--line);background:#101315;color:#89918b;border-radius:15px;padding:9px 11px;display:grid;gap:2px}.dateChip span{font-size:9px}.dateChip strong{font-size:18px}.dateChip.active{background:var(--accent);color:#111;border-color:var(--accent)}
.classFeature{position:relative;overflow:hidden;min-height:250px;isolation:isolate;border:1px solid rgba(168,184,106,.25);border-radius:22px;padding:22px;display:flex;align-items:flex-start;flex-direction:column;justify-content:flex-end}.classFeature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;z-index:-3}.featureOverlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,11,.25),rgba(8,10,11,.93));z-index:-2}.featureCopy{position:relative;z-index:1}.classFeature h2{margin:9px 0 7px;font-size:26px}.classFeature p{color:#929a94;font-size:12px}.outlineBtn{position:relative;z-index:1;border:1px solid rgba(168,184,106,.4);background:transparent;color:#c3cf8f;border-radius:13px;padding:11px 14px}
.classList{display:grid;gap:9px}.classCard{display:grid;grid-template-columns:66px minmax(0,1fr);gap:11px;padding:14px;background:#101315;border:1px solid var(--line);border-radius:19px}.classThumb{width:64px;height:78px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.classTimeBlock{display:grid;gap:3px}.classTimeBlock strong{font-size:17px}.classTimeBlock span{font-size:9px;color:#6f7771}.classBody{grid-column:2}.classMeta{display:flex;align-items:center;gap:8px}.classMeta>span:last-child{font-size:10px;color:#767e78}.classBody h3{margin:7px 0 3px;font-size:16px}.classBody p{margin:0;color:#7c847e;font-size:12px}.capacity{display:flex;align-items:center;gap:8px;margin-top:10px}.capacity>div{flex:1;height:5px;background:#202422;border-radius:10px;overflow:hidden}.capacity i{display:block;height:100%;background:var(--accent)}.capacity span{font-size:9px;color:#6f7771}.classAction{grid-column:1/-1;display:grid;gap:8px}.classAction>span{font-size:9px;font-weight:900;letter-spacing:.8px}.greenText{color:var(--accent)}.redText{color:var(--danger)}
.cartButton{position:relative;border:1px solid var(--line);background:#101315;color:white;border-radius:14px;width:46px;height:46px;display:grid;place-items:center}.cartButton img{width:30px;height:30px}.cartButton span{position:absolute;right:-5px;top:-5px;background:var(--accent);color:#111;width:20px;height:20px;border-radius:50%;font-size:10px;display:grid;place-items:center;font-weight:900}.storeHero{height:235px;border-radius:24px;position:relative;overflow:hidden;padding:22px;margin-bottom:16px;isolation:isolate}.storeHero>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-3}.storeHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.93),rgba(7,9,10,.45));z-index:-2}.storeHero h2{font-size:38px;line-height:.9;margin:11px 0}.storeHero p{color:#929a94;font-size:12px;max-width:250px}.storeLogo{display:none}.storeControls{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.searchPremium{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#101315;border-radius:14px;padding:0 13px}.searchPremium input{width:100%;border:0;outline:0;background:transparent;color:white;padding:13px 0}.cartSummary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);background:#101315;border-radius:14px}.cartSummary span{color:#7f8781;font-size:11px}.productGrid{display:grid;grid-template-columns:1fr;gap:12px}.productCard{background:#101315;border:1px solid var(--line);border-radius:20px;overflow:hidden}.productImage{height:260px;background:#15191b;position:relative;display:grid;place-items:center}.productTag{position:absolute;top:12px;left:12px;font-size:8px;letter-spacing:1px;padding:6px 8px;border-radius:999px;background:#0d0f10;border:1px solid var(--line);color:#9fa6a1}.productArt{position:relative;width:78%;height:78%;display:grid;place-items:center}.merchLogo{position:absolute;z-index:4;width:70%;height:52px;object-fit:contain;top:54%;left:50%;transform:translate(-50%,-50%)}.teeShape{width:130px;height:145px;background:linear-gradient(145deg,#252b2d,#0f1112);clip-path:polygon(20% 0,38% 8%,62% 8%,80% 0,100% 20%,82% 38%,76% 30%,76% 100%,24% 100%,24% 30%,18% 38%,0 20%)}.capShape{width:130px;height:72px;border-radius:70px 70px 22px 22px;background:linear-gradient(145deg,#2d3335,#121516)}.towelShape{width:150px;height:92px;border-radius:14px;background:linear-gradient(145deg,#202526,#0f1112)}.bandShape{width:150px;height:90px;border:16px solid #79864c;border-radius:50%}.productInfo{padding:15px}.productInfo>div:first-child{display:flex;justify-content:space-between;gap:10px}.productInfo h3{font-size:14px;margin:0}.productInfo strong{color:var(--accent);font-size:13px}.qtyControl{display:flex;align-items:center;gap:10px;margin-top:14px}.qtyControl button{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#171b1d;color:white}.qtyControl span{min-width:20px;text-align:center}
.membershipCard{position:relative;min-height:330px;border-radius:28px;overflow:hidden;padding:22px;border:1px solid rgba(168,184,106,.28);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.memberBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-3}.memberShade{position:absolute;inset:0;background:linear-gradient(110deg,rgba(8,10,11,.94),rgba(10,12,13,.66));z-index:-2}.memberTop,.memberBottom{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.memberLogo{width:210px;height:80px;object-fit:contain;object-position:left center}.activeBadge{font-size:9px;letter-spacing:1px;display:flex;gap:6px;align-items:center;color:#b9c985}.activeBadge i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.memberCenter>span,.memberBottom span{font-size:9px;color:#747c76;letter-spacing:1.3px}.memberCenter h2{font-size:37px;margin:5px 0}.memberCenter p{color:#9da59f}.memberBottom>div:first-child{display:grid;gap:4px}.memberBottom strong{font-size:14px}.fakeQr{display:grid;grid-template-columns:repeat(7,4px);gap:2px;padding:7px;background:#d9e0c9;border-radius:7px}.fakeQr i{width:4px;height:4px}.fakeQr i.on{background:#111}.membershipGrid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.premiumPanel,.renewPanel{background:#101315;border:1px solid var(--line);border-radius:20px;padding:20px}.benefit{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:0}.benefit>div{width:27px;height:27px;border-radius:50%;background:#1b211b;color:var(--accent);display:grid;place-items:center}.benefit span{font-size:13px}.renewPanel h3{font-size:30px;margin:7px 0}.renewPanel h3 small{font-size:13px;color:#7f8781}.renewPanel p{color:#8c948e;line-height:1.5}.premiumToggle{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0}.premiumToggle>div{display:grid;gap:3px}.premiumToggle span{font-size:11px;color:#8b938d}.premiumToggle input{accent-color:var(--accent);width:19px;height:19px}.uploadBtn{width:100%;border:1px solid var(--line);background:#161a1c;color:#d4d8d5;border-radius:13px;padding:13px}.wideAccent{width:100%}.wideAccent:disabled{opacity:.4}
.profileHero{position:relative;min-height:220px;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;gap:16px;padding:18px;border:1px solid rgba(168,184,106,.18);border-radius:22px}.profileHero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;z-index:-3}.profileShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,11,.94),rgba(8,10,11,.46));z-index:-2}.profileAvatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,#39413d,#191d1f);display:grid;place-items:center;font-size:20px;font-weight:900;border:1px solid #4c554f;position:relative;z-index:1;flex:0 0 auto}.profileAvatar i{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--accent);border:3px solid #111;right:3px;bottom:6px}.profileHeroCopy{position:relative;z-index:1;min-width:0}.profileHero h2{font-size:22px;margin:9px 0 4px}.profileHero p{margin:0;color:#8d958f;font-size:11px}.profileStats{margin-top:14px}.profilePanels{display:grid;grid-template-columns:1fr;gap:14px}.menuPanel,.quotePanel{background:#101315;border:1px solid var(--line);border-radius:20px;padding:10px}.menuPanel button{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:white;padding:15px 10px;display:flex;align-items:center;justify-content:space-between}.menuPanel button:last-child{border-bottom:0}.quotePanel{padding:24px;background:linear-gradient(145deg,#171d16,#101315)}.quotePanel>span:first-child{color:var(--accent)}.quotePanel>span:nth-child(2){display:block;font-size:9px;color:#7e877f;letter-spacing:1.3px;margin-top:14px}.quotePanel h3{font-size:21px;line-height:1.35}.quotePanel small{color:#848c86}.logoutBtn{margin-top:14px;border:1px solid rgba(240,107,107,.22);background:#151112;color:#d98b8b;border-radius:14px;padding:12px 15px}
.toast{position:fixed;z-index:100;left:50%;bottom:86px;transform:translate(-50%,16px);max-width:calc(100vw - 32px);padding:12px 16px;border-radius:14px;background:#151a17;color:#e7eadf;border:1px solid rgba(168,184,106,.2);box-shadow:0 18px 50px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.22s ease;text-align:center;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){.content{padding:30px}.statsGrid,.profileStats{grid-template-columns:repeat(3,1fr)}.productGrid{grid-template-columns:repeat(2,1fr)}.membershipGrid,.profilePanels{grid-template-columns:1fr 1fr}.heroContent{max-width:520px}.heroContent h2{font-size:62px}.scheduleRow{grid-template-columns:64px 85px 1fr auto}.miniBtn{grid-column:auto}.classCard{grid-template-columns:82px 90px 1fr 145px}.classBody{grid-column:auto}.classAction{grid-column:auto}.progressPanel{grid-template-columns:170px 1fr}.progressPhoto{grid-column:1/-1}}


/* =========================================================
   WORDPRESS / DESKTOP MODE
   Mantiene la misma línea visual aprobada en Next.js v2.
   ========================================================= */
.sidebar{display:none}
@media(min-width:901px){
  body{overflow-x:hidden}
  .sidebar{
    position:fixed;inset:0 auto 0 0;width:270px;background:#0b0d0e;
    border-right:1px solid var(--line);padding:24px 16px;display:flex;
    flex-direction:column;z-index:60;overflow-y:auto
  }
  .desktopBrand{padding:2px 10px 22px;display:flex;align-items:center}
  .desktopBrand img{width:100%;height:74px;object-fit:contain;object-position:left center}
  .sideProfile{
    display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);
    background:#101315;border-radius:16px;margin-bottom:18px
  }
  .sideProfileCopy{display:grid;gap:2px;flex:1;min-width:0}
  .sideProfileCopy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sideProfileCopy span{font-size:11px;color:var(--muted)}
  .sideChevron{color:#7e8680;font-size:20px}
  .sideNav{display:grid;gap:4px}
  .sideNav .nav{
    position:relative;border:0;background:transparent;color:#9ba29e;border-radius:14px;
    padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;width:100%
  }
  .sideNav .nav img{width:29px;height:29px;object-fit:contain}
  .sideNav .nav.active,.sideNav .nav:hover{background:#171b1d;color:#fff}
  .sideNav .nav i{
    position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:transparent
  }
  .sideNav .nav.active i{background:var(--accent);box-shadow:0 0 10px var(--accent)}
  .sideMembership{
    margin-top:18px;padding:15px;background:linear-gradient(145deg,#171d16,#111513);
    border:1px solid rgba(168,184,106,.25);border-radius:16px;display:grid;gap:4px
  }
  .sideMembership>span{font-size:10px;color:#7d867e;letter-spacing:1.2px}
  .sideMembership strong{font-size:16px}
  .sideMembership small{color:#8b938c}
  .sideMembership>div{height:5px;background:#252a26;border-radius:10px;margin-top:8px;overflow:hidden}
  .sideMembership>div i{display:block;width:68%;height:100%;background:var(--accent);border-radius:10px}
  .sideBottom{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:18px}
  .sideBottom button{
    border:1px solid var(--line);background:#101315;color:#8e9591;border-radius:12px;
    padding:10px 8px;font-size:11px
  }

  .mobileHeader,.mobileMenu,.bottomNav{display:none!important}
  .main{margin-left:270px;padding-bottom:0;min-height:100vh}
  .content{max-width:1340px;margin:0 auto;padding:34px 44px 70px}
  .topbar{margin-bottom:24px}
  .topbar h1{font-size:42px}
  .heroPhoto{min-height:420px;border-radius:30px}
  .heroContent{left:42px;right:auto;top:34px;max-width:520px}
  .heroLogo{width:390px;height:94px}
  .heroContent h2{font-size:68px;letter-spacing:-3px}
  .heroContent p{max-width:430px;font-size:15px}
  .heroFloating{left:auto;right:26px;bottom:24px;min-width:290px}
  .statsGrid,.profileStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .statBox{padding:16px 17px}
  .scheduleRow{
    grid-template-columns:62px 85px 1px minmax(0,1fr) auto auto;
    gap:15px;padding:14px 16px
  }
  .scheduleThumb{width:62px;height:58px}
  .scheduleDivider{display:block;width:1px;height:38px;background:var(--line)}
  .scheduleInfo{display:flex;align-items:center;gap:10px}
  .scheduleInfo>span:last-child{display:inline}
  .miniBtn{grid-column:auto;width:auto}
  .progressPanel{grid-template-columns:185px minmax(0,1fr) 250px;place-items:center}
  .progressCopy{text-align:left}
  .weekDots{justify-content:flex-start}
  .progressPhoto{grid-column:auto;height:190px}

  .dateRail{margin:0 0 18px;padding-left:0}
  .classFeature{min-height:275px;align-items:flex-start;justify-content:flex-end}
  .classFeature .outlineBtn{position:absolute;right:22px;bottom:22px}
  .classList{gap:10px}
  .classCard{
    grid-template-columns:82px 100px minmax(0,1fr) 155px;gap:18px;align-items:center;padding:18px
  }
  .classThumb{width:80px;height:90px}
  .classBody{grid-column:auto}
  .classAction{grid-column:auto;text-align:right}
  .classTimeBlock strong{font-size:21px}

  .storeHero{height:280px;padding:30px}
  .storeHero h2{font-size:50px}
  .storeHero p{font-size:14px;max-width:360px}
  .storeControls{flex-direction:row;justify-content:space-between}
  .searchPremium{flex:1;max-width:520px}
  .cartSummary{min-width:190px}
  .productGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .productImage{height:250px}

  .membershipCard{min-height:360px;padding:30px}
  .memberLogo{width:330px;height:96px}
  .memberCenter h2{font-size:48px}
  .membershipGrid{grid-template-columns:1fr 1fr}
  .profileHero{min-height:260px;padding:24px}
  .profileAvatar{width:82px;height:82px}
  .profileHero h2{font-size:27px}
  .profileHero p{font-size:13px}
  .profilePanels{grid-template-columns:1.2fr .8fr}
}