.trk-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1080px;margin:0 auto 48px}.trk-tier{position:relative;display:grid;gap:6px;padding:26px 24px 22px;background:#fff;border:1.5px solid var(--trx-line);border-radius:24px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease,background-color .25s ease}.trk-tier.is-on{border-color:#2563eb;background:linear-gradient(180deg,#f1f6ff,#fff 70%);box-shadow:0 0 0 1px #2563eb inset,0 30px 56px -34px #2563eb99;transform:translateY(-3px)}.trk-tier-badge{position:absolute;top:-11px;left:24px;background:var(--trx-ink);color:#fff;padding:4px 11px;border-radius:999px;font:700 10.5px/1.2 var(--trx-text);letter-spacing:.08em;text-transform:uppercase}.trk-tier-name{font:600 12.5px/1.2 var(--trx-text);letter-spacing:.14em;text-transform:uppercase;color:var(--trx-mute)}.trk-tier-pct{font:800 44px/1 var(--trx-head);letter-spacing:-.035em;color:var(--trx-ink)}.trk-tier.is-on .trk-tier-pct{color:var(--trx-blue)}.trk-tier-min{font-size:14.5px;color:var(--trx-body)}.trk-tier-perk{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid #e8eef8;font:600 13px/1.35 var(--trx-text);color:#0b7a43}.trk-tier-perk--none{color:var(--trx-mute);font-weight:500}.trk-tier-state{position:absolute;top:20px;right:20px;display:none;align-items:center;gap:6px;font:600 12px/1 var(--trx-text);color:#0b7a43;background:#e7f6ee;padding:6px 10px;border-radius:999px}.trk-tier.is-on .trk-tier-state{display:inline-flex}.trk-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:40px;align-items:start;max-width:1180px;margin:0 auto}.trk-list{display:grid;gap:18px}.trk-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;padding:20px;background:#fff;border:1px solid var(--trx-line);border-radius:24px;box-shadow:0 30px 60px -48px #0f172a66;transition:border-color .2s ease}.trk-card.has-qty{border-color:#9db8f2}.trk-img{aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;background:#eef3fb;border:1px solid var(--trx-line-s)}.trk-img img{width:100%;height:100%;object-fit:cover}.trk-body{display:grid;gap:4px;min-width:0;align-content:start}.trx .trk-ttl{margin:0;font:700 18px/1.25 var(--trx-head);letter-spacing:-.015em;color:var(--trx-ink)}.trx .trk-desc{margin:0;font-size:14px;line-height:1.55;color:var(--trx-body)}.trk-price{font:700 15px/1.2 var(--trx-text);color:var(--trx-blue);font-variant-numeric:tabular-nums;margin-top:2px}.trk-vars{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:12px}.trk-var{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;border:1px solid #e3eaf6;border-radius:14px;background:#f9fbff;transition:border-color .2s ease,background-color .2s ease}.trk-var.is-on{border-color:#2563eb;background:#eef3ff}.trk-vname{font:500 14px/1.25 var(--trx-text);color:var(--trx-ink)}.trk-var--single{grid-column:1 / -1}.trk-var--single .trk-vname{color:var(--trx-body);font-size:13.5px}.trk-step{display:inline-flex;align-items:center;border:1px solid #d3dcec;border-radius:12px;background:#fff;overflow:hidden;flex:0 0 auto}.trk-step button{width:38px;height:38px;border:0;background:transparent;color:var(--trx-ink);font:600 20px/1 var(--trx-text);cursor:pointer;transition:background-color .15s ease}.trk-step button:hover:not(:disabled){background:#eef3ff}.trk-step button:disabled{color:#cbd5e1;cursor:not-allowed}.trk-q{min-width:32px;text-align:center;font:700 15px/1 var(--trx-text);color:var(--trx-ink);font-variant-numeric:tabular-nums}.trk-sum{position:sticky;top:100px;padding:26px;background:#fff;border:1px solid var(--trx-line);border-radius:26px;box-shadow:0 40px 70px -44px #0f172a73;display:grid;gap:16px}.trx .trk-sum-t{margin:0;font:700 20px/1.2 var(--trx-head);letter-spacing:-.02em;color:var(--trx-ink)}.trk-bar{position:relative;height:10px;border-radius:999px;background:#e8eef8;overflow:visible}.trk-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,#3b78f5,#1e3a8a);transition:width .4s cubic-bezier(.2,.7,.2,1)}.trk-tick{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;transition:border-color .3s ease,background-color .3s ease}.trk-tick.is-on{border-color:#2563eb;background:#2563eb}.trx .trk-hint{margin:0;font:500 14px/1.45 var(--trx-text);color:var(--trx-body)}.trx .trk-hint b{color:var(--trx-ink)}.trk-lines{display:grid;gap:8px;padding:14px 0;border-block:1px solid #e8eef8;max-height:210px;overflow:auto}.trk-lines li{display:flex;justify-content:space-between;gap:12px;font:400 13.5px/1.35 var(--trx-text);color:var(--trx-body)}.trk-lines li b{color:var(--trx-ink);font-weight:600}.trk-lines .is-empty{color:var(--trx-mute);font-style:italic}.trk-tot{display:grid;gap:8px;margin:0}.trk-tot div{display:flex;justify-content:space-between;align-items:baseline;font:400 14px/1.3 var(--trx-text);color:var(--trx-body);font-variant-numeric:tabular-nums}.trk-tot dd{margin:0}.trk-tot .is-save{color:#0b7a43;font-weight:600}.trk-tot .is-total{margin-top:4px;padding-top:12px;border-top:1px dashed #cdd6e6;font-size:15px;color:var(--trx-ink);font-weight:600}.trk-tot .is-total dd{font:800 28px/1 var(--trx-head);letter-spacing:-.03em}.trk-per{text-align:right;font-size:12.5px;color:var(--trx-mute);margin-top:-4px}.trk-gift{display:grid;gap:8px;padding:14px;border:1px solid #cfe9d9;border-radius:16px;background:#f3fbf6}.trk-gift[hidden]{display:none}.trk-gift p{margin:0;font:600 13px/1.4 var(--trx-text);color:#0b7a43}.trk-gift label{display:grid;gap:6px;font:500 12.5px/1.2 var(--trx-text);color:#334155}.trk-gift label[hidden]{display:none}.trk-gift select{width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font:500 14px/1.2 var(--trx-text);color:var(--trx-ink)}.trk-add{width:100%}.trk-add:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.trx .trk-err{margin:0;text-align:center;font:500 13px/1.4 var(--trx-text);color:#b42318}.trk-err[hidden]{display:none}.trx .trk-fine{margin:0;text-align:center;font-size:12.5px;line-height:1.5;color:var(--trx-mute)}.trx .trk-more{margin:36px auto 0;max-width:620px;text-align:center;font-size:15px;line-height:1.6;color:var(--trx-body)}.trk-more a{color:var(--trx-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}.trk-mini{position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #dbe5f5;box-shadow:0 -12px 30px -16px #0f172a59;transform:translateY(110%);transition:transform .28s cubic-bezier(.3,.8,.3,1)}.trk-mini.is-on{transform:none}.trk-mini-t{display:grid;gap:2px;font:500 12px/1.2 var(--trx-text);color:var(--trx-mute)}.trk-mini-t b{font:800 19px/1.1 var(--trx-head);letter-spacing:-.02em;color:var(--trx-ink)}.trk-mini button{min-height:46px;padding:0 20px;border:0;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);font:600 14px/1 var(--trx-text)}.trk-mini button:disabled{background:#cbd5e1}@media(max-width:989px){.trk-grid{grid-template-columns:minmax(0,1fr);gap:28px}.trk-sum{position:static}.trk-mini{display:flex}}@media(max-width:749px){.trk-tiers{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:32px}.trk-tier{grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:center;padding:20px}.trk-tier-pct{grid-row:1 / span 3;font-size:38px}.trk-tier-perk{grid-column:2;margin-top:4px;padding-top:8px}.trk-tier-state{top:14px;right:14px}.trk-card{grid-template-columns:84px minmax(0,1fr);gap:14px;padding:14px;border-radius:20px}.trk-img{border-radius:14px}.trk-vars{grid-template-columns:minmax(0,1fr)}.trk-sum{padding:20px;border-radius:22px}}@media(prefers-reduced-motion:reduce){.trk-tier,.trk-fill,.trk-mini{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/tr-pack-builder.css.map */