.z-member-card.is-annual,.price-card.zk-vip-annual{border:2px solid #f0a43a!important;box-shadow:0 12px 32px #d38a2020!important;position:relative;background:#fffdf7!important}
.z-member-card.is-annual .z-member-head,.price-card.zk-vip-annual .price-header{background:linear-gradient(125deg,#d66b19,#f1ac36)!important;color:#fff!important}
.zk-vip-daily{display:flex;flex-direction:column;align-items:center;gap:4px;margin:10px 0 16px;padding:12px 6px;border-radius:12px;background:linear-gradient(120deg,#fff1cf,#ffe5b5);color:#9f4411;line-height:1.4}
.zk-vip-daily small{font-size:11px;font-weight:700;letter-spacing:1px}.zk-vip-daily strong{font-size:21px;font-weight:800;white-space:nowrap}.zk-vip-daily b{font-size:37px;padding:0 4px;line-height:1}.zk-vip-daily span{font-size:11px}
.is-annual .z-member-action,.zk-vip-annual .price-footer .btn{background:#dc791e!important;border-color:#dc791e!important;color:white!important;font-weight:700}
.zk-vip-old-price{color:#8a8f9a;font-size:13px;margin:5px 0 12px}.zk-vip-old-price del{text-decoration-thickness:1px}
.z-member-grid{align-items:stretch}.z-member-card{display:flex;flex-direction:column}.z-member-body{display:flex;flex:1;flex-direction:column}.z-member-body .z-member-action{align-self:center;margin-top:auto}.z-member-body ul{margin-bottom:24px}.z-member-term{line-height:1.6}
.price-card.zk-vip-annual .price-body{padding-top:20px}.price-card .zk-vip-daily{margin-left:8px;margin-right:8px}.z-member-price small{margin-left:4px}
@media(max-width:767px){.z-member-card.is-annual{box-shadow:0 8px 20px #d38a2018!important}.zk-vip-daily strong{font-size:23px}.zk-vip-daily b{font-size:40px}}

/* Compact shared membership cards: home, price page and account checkout. */
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card{--tone:#167c76;--wash:#edf8f5;box-sizing:border-box;position:relative;display:flex;flex-direction:column;min-height:0;height:auto;padding:22px 22px 20px;background:#fff;border:1px solid #dfe8e8;border-top:4px solid var(--tone);border-radius:18px;text-align:left;box-shadow:0 6px 18px #192d4210;overflow:hidden;color:#1d2c40;gap:0;transition:transform .2s,box-shadow .2s}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-quarter{--tone:#3864b2;--wash:#eff4ff}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-annual{--tone:#c56b11;--wash:#fff0d6;background:linear-gradient(155deg,#fffaf0,#fff)!important;border:2px solid #e8a438!important;border-top:4px solid #e8a438!important;box-shadow:0 8px 26px #bd771920!important}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-lifetime{--tone:#735329;--wash:#f6efdf;border-color:#e6dfd4;border-top-color:#735329;background:linear-gradient(155deg,#fbf8f2,#fff)}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--tone)}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-tag{display:inline-flex;border-radius:6px;background:var(--wash);color:var(--tone);padding:4px 9px;font-size:11px;font-weight:700;letter-spacing:.7px}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-title{font-size:21px;line-height:1.4;letter-spacing:-.5px;color:#1c2c40;margin:0 0 4px;font-weight:750}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-validity{font-size:12px;color:#7b8595;margin:0;line-height:1.6}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-cost{display:flex;align-items:baseline;gap:5px;margin:16px 0 14px;line-height:1;white-space:nowrap}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-cost>strong{font-size:40px;letter-spacing:-1.5px;font-weight:800;color:#203047}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-cost>span{font-size:12px;color:#7b8595}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-cost>del{font-size:12px;color:#9195a0;margin-left:5px}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-highlight{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:5px;background:var(--wash);border-radius:10px;padding:12px 14px;margin-bottom:14px;min-height:72px;color:var(--tone)}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-highlight>strong{font-size:16px;line-height:1.4;font-weight:750}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-highlight>span{font-size:11px;line-height:1.4;opacity:.85}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-highlight b{font-size:28px;line-height:16px;vertical-align:baseline}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-annual .zk-vip-highlight>strong{font-size:20px}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-quota{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f3;padding-bottom:10px;color:#5e6c7c;font-size:12px;line-height:1.5}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-quota>strong{font-size:25px;line-height:1;color:var(--tone);font-weight:800}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-quota small{font-size:12px;font-weight:400}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-benefits{list-style:none;display:flex;flex-direction:column;gap:9px;padding:0;margin:14px 0 18px;color:#657184;font-size:12px;line-height:1.5;min-height:72px}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-benefits li{display:flex;align-items:baseline;gap:7px}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-benefits li>span{color:var(--tone);font-weight:700}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card .z-member-action{display:flex;align-items:center;justify-content:space-between;align-self:stretch;width:100%;box-sizing:border-box;background:var(--wash)!important;color:var(--tone)!important;border:1px solid transparent!important;padding:11px 14px;margin:0!important;border-radius:9px;font-size:12px;font-weight:700;line-height:1.5;text-decoration:none}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-annual .z-member-action{background:linear-gradient(110deg,#d77a1a,#ec9c29)!important;color:#fff!important}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-lifetime .z-member-action{background:#352f2b!important;color:#f7e2b9!important}
body .zk-vip-designed .zk-vip-card{height:100%}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .z-member-action:focus-visible{outline:3px solid var(--tone);outline-offset:3px}
@media(max-width:1100px) and (min-width:901px){body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card{padding:18px 14px}body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-title{font-size:18px}}
@media(max-width:600px){body :is(#zk2,#zk-global-benefits) .z-member-grid{grid-template-columns:1fr!important;gap:16px}body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card{padding:20px;border-radius:16px}body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-title{font-size:22px}body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-benefits{min-height:0}body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card .z-member-action{justify-content:center;gap:14px}}
@media(prefers-reduced-motion:reduce){body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card{transition:none!important;transform:none!important}}

/* Full colored outlines and filled actions for all four plans. */
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card{border:2px solid var(--tone)!important;border-radius:18px}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-trial{box-shadow:0 7px 22px #167c7612}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-quarter{box-shadow:0 7px 22px #3864b212}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-lifetime{border-color:#96723e!important;box-shadow:0 7px 22px #73532912}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-annual{border:2px solid #e8a438!important}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-trial .z-member-action{background:linear-gradient(110deg,#147b75,#23948b)!important;color:#fff!important;border-color:transparent!important}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-quarter .z-member-action{background:linear-gradient(110deg,#315aa4,#4979cb)!important;color:#fff!important;border-color:transparent!important}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card .z-member-action:hover{filter:brightness(1.06)}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card .z-member-action:disabled{filter:none;opacity:.65;cursor:default}

/* Reference outline: a continuous fine rounded frame and a soft tinted surface. */
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card{border:2px solid var(--frame)!important;border-radius:14px!important;box-shadow:0 5px 16px #26364b08!important;outline:none;background:linear-gradient(155deg,var(--surface),#fff 75%)!important}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-trial{--frame:#24a399;--surface:#f3fbf8}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-quarter{--frame:#5c83d1;--surface:#f4f7ff}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-annual{--frame:#ff9b16;--surface:#fffbf3}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-lifetime{--frame:#ae8c51;--surface:#fbf8f1}
body :is(#zk2,#zk-global-benefits,.zk-vip-designed) .zk-vip-card:hover{border-color:var(--frame)!important;box-shadow:0 8px 20px #26364b10!important}
