/* Public storefront. Layout measured from vipcz.vip; user-requested white brand art. */
.storefront{--ink:#18181a;--line:#e6e6ea;--soft:#f7f7f8;--yellow:#ffb319;--blue:#2a74db;--head:"Avenir Next","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;background:#fff;color:var(--ink);font:16px/1.6 Helvetica,"PingFang SC","Microsoft YaHei",Arial,sans-serif;min-height:100vh}
.storefront h1,.storefront h2,.storefront h3{font-family:var(--head);color:var(--ink);font-weight:700;line-height:1.2;letter-spacing:-.01em}
.storefront a{text-decoration:none}.storefront button{font:inherit}.storefront img{display:block;max-width:100%}.storefront .brand-icon{object-fit:contain;flex:none}.storefront [hidden]{display:none!important}
.storefront a:focus-visible,.storefront button:focus-visible,.storefront input:focus-visible,.storefront textarea:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.store-header{height:64px;background:white;position:relative;z-index:20;flex:none}
.store-header-inner{height:100%;max-width:1280px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative}
.storefront .brand{font:600 20px/1 var(--head);color:var(--ink);letter-spacing:-.01em;white-space:nowrap}
.store-nav{display:flex;align-items:center;gap:28px;font-size:15px;line-height:1}.store-nav a{padding:14px 0}.store-nav a:hover,.store-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}
.menu-toggle{display:none;border:0;background:#fff;width:44px;height:44px;padding:11px}.mobile-menu{position:absolute;top:58px;right:16px;min-width:160px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #18181a1f}.mobile-menu a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;font-size:15px}.mobile-menu a:hover{background:var(--soft)}
.storefront main{width:100%;max-width:none;margin:0;padding:0 0 72px;flex:1}
.storefront .heading{text-align:center;margin:0 auto;padding:56px 16px 32px}.storefront h1{font-size:46px;margin:0}.storefront[data-view=catalog] .heading{padding:72px 16px 40px}.storefront[data-view=catalog] h1{font-size:60px}
.storefront .category-wrap{max-width:1100px;margin:auto;padding:0 16px;display:flex;justify-content:center}
.storefront .brand-tabs{display:flex;gap:2px;padding:4px;margin:0;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 2px 10px #18181a0f;width:auto;max-width:100%}
.storefront .brand-tabs button{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:8px;min-height:36px;height:36px;padding:0 20px;border:0;border-radius:999px;background:transparent;font-size:14px;line-height:1;font-weight:400;color:var(--ink);box-shadow:none;white-space:nowrap}
.storefront .brand-tabs button[aria-selected=true]{background:var(--yellow)}.storefront .brand-tabs button:hover:not([aria-selected=true]){background:var(--soft)}.storefront .brand-tabs .brand-icon{width:18px;height:18px}
.catalog-band{position:relative;margin-top:28px;padding:20px 16px 110px;background:linear-gradient(var(--yellow),var(--yellow)) no-repeat 0 210px/100% 100%}
.store-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,252px);justify-content:center;gap:20px;max-width:1068px;margin:auto}
.product-card{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:28px 22px 22px;background:#fff;border:1.5px solid var(--line);border-radius:28px;box-shadow:0 6px 24px #18181a0f;text-align:center;transition:transform .22s,box-shadow .22s}
.product-card h2{font-size:24px;font-weight:600;margin:0;line-height:1.2;overflow-wrap:anywhere;min-height:29px;display:flex;align-items:center;justify-content:center}
.product-card .product-period{font-size:17px;font-weight:600;margin:6px 0 0;line-height:1.35}
.card-art{width:96px;height:96px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;background:#fff}
.card-art .brand-icon{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:0;box-shadow:none}
.card-price{display:flex;align-items:baseline;justify-content:center;gap:4px;font-family:var(--head);margin:22px 0 0;white-space:nowrap}.card-price strong{font-size:48px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.card-price span{font-size:20px;line-height:1.3}
.storefront .purchase-link{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;border:0;border-radius:999px;background:var(--ink);color:#fff;font-size:15px;line-height:1.2;padding:12px 16px;margin-top:30px}
.purchase-link::after{content:"";position:absolute;inset:0;border-radius:28px}.purchase-link:focus-visible::after{outline:2px solid var(--blue);outline-offset:4px}.purchase-link:hover{background:#333}
@media(hover:hover){.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #18181a24}}
.band-curve{position:absolute;left:0;bottom:-1px;width:100%;height:90px;pointer-events:none}
.storefront #message{max-width:700px;margin:24px auto 0}.storefront .empty{color:var(--ink)}
.storefront .compact{border:1.5px solid var(--line);box-shadow:0 6px 24px #18181a0f;border-radius:28px;padding:32px 28px;max-width:560px;margin:0 auto}
.storefront .compact h2,.storefront .detail-form h2{font-size:24px;margin:0}.storefront .primary,.storefront .secondary{border-radius:999px;font-size:16px;min-height:48px;justify-content:center;background:var(--ink);color:#fff;border:0;padding:12px 20px;text-align:center;box-shadow:none}.storefront .primary:hover:not(:disabled){background:#333;transform:none}.storefront .secondary{background:var(--soft);border:1px solid var(--line);color:var(--ink)}.storefront .primary:disabled{background:#e6e6ea;color:#65656b;cursor:not-allowed;opacity:1}
.storefront input,.storefront textarea,.storefront select{border-color:var(--line);color:var(--ink);background:#fff;font-size:16px;border-radius:14px}.storefront input:focus,.storefront textarea:focus{border-color:var(--blue);box-shadow:none}.storefront .text-link{color:var(--ink)}.storefront .line-label a{font-size:16px;text-decoration:underline;text-underline-offset:4px}.storefront .back{font-size:16px;color:var(--ink);margin:0 0 24px;padding:0;display:inline-flex;background:transparent;border:0;min-height:40px}
.storefront[data-view=detail] .heading{display:none}.product-detail{max-width:1100px;padding:18px 16px 0;margin:auto}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}.detail-header{display:flex;gap:16px;align-items:center;margin-bottom:28px}.detail-header h1{font-size:32px;line-height:1.25;overflow-wrap:anywhere}.detail-header .brand-icon{width:56px;height:56px;background:#fff}.detail-header span{display:block;font-size:17px;margin-top:8px}.detail-form{border-top:1px solid var(--line);padding-top:28px}.detail-form .stack{gap:22px}.detail-form textarea{min-height:180px}.detail-buy{border:1.5px solid var(--line);border-top:6px solid var(--yellow);border-radius:28px;padding:26px 24px 24px;box-shadow:0 6px 24px #18181a0f;text-align:center;background:#fff;position:sticky;top:24px}.detail-buy h2{font-size:24px;margin:0 0 20px}.detail-buy .card-art{margin:0 auto 16px}.detail-buy .card-price{margin:0 0 26px}.detail-buy .primary{width:100%;margin-top:22px}.tier-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tier-pills a{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:15px}.tier-pills a[aria-current=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.tier-pills a:hover{border-color:var(--ink)}
.storefront .account-box{background:var(--soft);border-color:var(--line);color:var(--ink)}.storefront .order-total{border-color:var(--line)}.storefront .consent{font-size:16px;color:var(--ink);align-items:flex-start}.storefront .consent input{margin-top:5px}.storefront .consent a{color:var(--ink);text-decoration:underline}.storefront .receipt dt,.storefront .timeline time{color:var(--ink)}
.storefront .store-footer{max-width:none;width:100%;margin:0;background:var(--soft);padding:36px 16px;border:0;display:block;color:var(--ink);font-size:15px}.store-footer-inner{max-width:1068px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:28px}.store-footer nav{display:flex;gap:28px}.store-footer a:hover{text-decoration:underline}
@media(max-width:1099px){.store-grid{max-width:524px}.detail-grid{gap:32px}}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr;gap:28px}.detail-buy{position:static;max-width:560px;width:100%;margin:auto}.detail-header h1{font-size:28px}.detail-form{padding-top:24px}.product-detail{max-width:700px}}
@media(max-width:700px){.store-header-inner{padding:0 16px}.store-nav{gap:6px}.store-nav a{padding:12px 8px}.hide-mobile{display:none!important}.menu-toggle{display:block}.storefront .heading{padding:40px 16px 28px}.storefront h1{font-size:36px}.storefront[data-view=catalog] .heading{padding:40px 16px 28px}.storefront[data-view=catalog] h1{font-size:40px}.storefront .brand-tabs{width:100%}.storefront .brand-tabs button{flex:1;min-height:40px;height:auto;padding:9px 8px;gap:6px;font-size:14px}.storefront .brand-tabs .brand-icon{width:16px;height:16px}.storefront main{padding-bottom:48px}.storefront .compact{margin:0 16px;padding:28px 24px}.storefront #message{margin:24px 16px 0}.storefront .store-footer{padding:30px 16px}.store-footer-inner{flex-direction:column;align-items:flex-start;gap:24px}.store-footer nav{gap:24px;flex-wrap:wrap}.storefront .brand{font-size:20px}.detail-header h1{font-size:26px}.detail-header .brand-icon{width:48px;height:48px}.detail-buy{padding:26px 24px}.detail-form .line-label{gap:12px;flex-wrap:wrap}}
@media(max-width:599px){.store-grid{grid-template-columns:minmax(0,1fr);max-width:none}.product-card h2{min-height:0}.product-card{padding:28px 22px 22px}.catalog-band{padding-bottom:76px;background-position-y:190px}.band-curve{height:48px}}
@media(max-width:360px){.storefront .brand-tabs button{padding:9px 5px;font-size:13px;gap:4px}.storefront .brand-tabs .brand-icon{width:15px;height:15px}.storefront[data-view=catalog] h1{font-size:36px}.storefront .compact{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.product-card{transition:none}.product-card:hover{transform:none}}
/* Compact, user-requested onboarding and secondary help/support screens. */
.learn{max-width:1068px;margin:0 auto 40px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--soft)}
.learn-top{display:flex;justify-content:space-between;gap:16px;padding:20px 28px 0}.learn-top a{font-size:15px;text-decoration:underline;text-underline-offset:4px}.learn-tabs{display:flex;padding:20px 28px 0;gap:8px}.learn-tabs button{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:8px 14px;border-radius:99px;font-size:15px;color:var(--ink)}.learn-tabs button[aria-selected=true]{background:var(--yellow)}.learn-tabs button span{font-size:14px}.learn-tabs button:hover{background:#ffe3a8}
#learn-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding:24px 28px 28px;min-height:194px}.learn-copy h2{font-size:27px;margin:0}.learn-copy p{margin:12px 0;font-size:16px}.learn-next{border:0;background:transparent;padding:6px 0;font-weight:600!important;text-decoration:underline;text-underline-offset:6px;min-height:44px}.learn-art{display:flex;align-items:center;justify-content:center;min-width:0}.learn-options{display:flex;gap:12px;width:100%;max-width:360px}.learn-options a{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:8px 12px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px 18px;flex:1}.learn-options img{grid-row:span 2}.learn-options strong,.learn-options span{font-size:15px;white-space:nowrap}.learn-options a:hover{border-color:var(--ink)}.learn-account{display:flex;align-items:center;gap:16px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;min-width:280px}.learn-account div{display:grid;gap:6px}.learn-check{margin-left:auto;background:var(--yellow);border-radius:50%;padding:2px 8px}.learn-receipt{width:100%;max-width:330px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 24px}.learn-receipt div{display:flex;justify-content:space-between;padding:6px 0;gap:20px}.learn-progress{display:flex;align-items:center;width:100%;gap:12px}.learn-progress span,.learn-progress strong{background:#fff;border:1px solid var(--line);padding:12px;border-radius:14px;white-space:nowrap}.learn-progress strong{background:var(--yellow);border-color:var(--yellow)}.learn-progress i{height:2px;background:var(--ink);flex:1;min-width:10px}.product-help{border-top:1px solid var(--line);display:flex;gap:24px;margin-top:28px;padding-top:24px}.product-help a{text-decoration:underline;text-underline-offset:5px}
.help-layout{max-width:1068px;margin:auto;display:grid;grid-template-columns:210px 1fr;gap:48px}.help-nav{display:flex;flex-direction:column;align-items:stretch;gap:8px}.help-nav a{padding:12px 18px;border-radius:14px}.help-nav a[aria-current=page]{background:var(--yellow);font-weight:600}.help-article{min-width:0}.help-article h2{font-size:30px;margin:0}.help-intro{font-size:18px;margin:18px 0 32px}.guide-steps{list-style:none;padding:0;margin:0}.guide-steps li{display:flex;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.step-number{display:flex;align-items:center;justify-content:center;background:var(--soft);width:36px;height:36px;border-radius:50%;flex:none}.guide-steps h3{font-size:20px;margin:5px 0 12px}.guide-steps p{margin:0;line-height:1.9}.help-links{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}.help-links a{text-decoration:underline;text-underline-offset:5px}.help-bottom{display:flex;gap:12px;margin-top:28px}.support-layout{max-width:1068px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}.support-panel{border:1px solid var(--line);border-radius:24px;padding:28px;background:#fff}.support-panel h2{font-size:24px;margin:0}.support-panel textarea{min-height:140px}.support-panel summary{cursor:pointer;min-height:44px;padding:8px 0}.support-panel details .stack,.order-association .field{margin-top:14px}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ticket-row{width:100%;background:var(--soft);color:var(--ink);border:0;border-radius:14px;padding:16px;margin-bottom:12px;text-align:left;display:flex;justify-content:space-between;gap:16px}.ticket-row strong{overflow-wrap:anywhere}.ticket-row span{white-space:nowrap}.ticket-detail{max-width:780px;margin:auto}.ticket-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.ticket-meta{display:grid;gap:8px;font-size:16px;overflow-wrap:anywhere}.ticket-meta .secondary{justify-self:start;margin-top:8px}.ticket-messages{display:grid;gap:16px}.ticket-message{padding:20px;border-radius:18px;background:var(--soft)}.ticket-message.staff{background:#fff4db}.ticket-message>div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.ticket-message time{font-size:14px}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;line-height:1.8}.storefront .category-wrap{scroll-margin-top:24px}
@media(max-width:1100px){.learn,.help-layout,.support-layout,.ticket-detail{margin-left:24px;margin-right:24px}}
@media(max-width:700px){.storefront[data-view=catalog] .heading{padding-top:36px}.learn{margin:0 16px 28px;border-radius:22px}.learn-top{padding:18px 18px 0;font-size:15px}.learn-tabs{padding:16px 14px 0;gap:2px}.learn-tabs button{padding:7px 9px;font-size:14px;gap:4px}.learn-tabs button span{display:none}#learn-panel{grid-template-columns:1fr;padding:20px;gap:18px;min-height:300px}.learn-copy h2{font-size:25px}.learn-copy p{margin:10px 0 0}.learn-next{margin-top:6px}.learn-options{max-width:none}.learn-options a{padding:16px 12px;gap:6px 10px;grid-template-columns:28px 1fr}.learn-options img{width:28px;height:28px}.learn-options strong,.learn-options span{font-size:14px}.learn-art{min-height:94px}.learn-account{min-width:0;width:100%;padding:18px}.learn-receipt{padding:12px 18px}.learn-progress{gap:8px}.learn-progress span,.learn-progress strong{padding:10px;font-size:14px}.help-layout,.support-layout{grid-template-columns:1fr;gap:28px;margin:0 16px}.help-nav{flex-direction:row;flex-wrap:wrap;gap:6px}.help-nav a{padding:8px 12px;font-size:15px}.help-article h2{font-size:26px}.guide-steps li{gap:12px}.guide-steps h3{font-size:19px}.support-panel{padding:24px 20px}.ticket-detail{margin:0 16px}.ticket-title{align-items:flex-start;flex-direction:column;gap:12px}.ticket-message{padding:16px}.storefront .brand-tabs{overflow-x:auto;justify-content:flex-start;border-radius:22px}.storefront .brand-tabs button{padding:9px 11px;flex:none}.storefront .store-nav{gap:4px}}

@media(min-width:361px) and (max-width:700px){.storefront .brand-tabs button{padding:9px 6px;gap:6px;font-size:13px}}
@media(max-width:360px){.learn-tabs{padding-left:12px;padding-right:12px}.learn-tabs button{padding:7px 6px;font-size:13px;white-space:nowrap}.learn-options{gap:10px}.learn-options a{display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 8px;gap:6px}.learn-options strong,.learn-options span{font-size:13px}}