:root{--pb-bg: #ffffff;--pb-surface: #ffffff;--pb-muted-surface: #f6f7f8;--pb-border: rgba(0,0,0,.1);--pb-text: #0f172a;--pb-muted: rgba(15,23,42,.7);--pb-accent: #1f7a4f;--pb-accent-soft: rgba(31,122,79,.12);--pb-danger: #b42318;--pb-radius: 18px;--pb-radius-sm: 14px;--pb-shadow: 0 10px 30px rgba(15,23,42,.1);--pb-shadow-soft: 0 6px 18px rgba(15,23,42,.08)}.pack-builder{max-width:1280px;margin:46px auto;padding:0 22px;color:var(--pb-text)}.pb-shell{background:var(--pb-bg);border:1px solid var(--pb-border);border-radius:26px;box-shadow:var(--pb-shadow);overflow:hidden}.pb-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:30px 30px 18px;border-bottom:1px solid var(--pb-border);background:linear-gradient(180deg,#fff,#fbfbfb)}.pb-title{margin:0;font-size:44px;line-height:1.05;letter-spacing:-.02em}.pb-subtitle{margin:12px 0 0;color:var(--pb-muted);font-size:16px;max-width:75ch}.pb-subscriptions-link{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:var(--pb-muted-surface);border:1px solid var(--pb-border);color:var(--pb-text);text-decoration:none;font-weight:700;box-shadow:var(--pb-shadow-soft);transition:transform .15s ease,background .15s ease}.pb-subscriptions-link:hover{transform:translateY(-1px);background:#fff}.pb-layout{display:grid;grid-template-columns:1fr 380px;gap:18px;padding:22px 30px 30px}@media(max-width:1024px){.pb-layout{grid-template-columns:1fr}}.pb-controls{background:var(--pb-muted-surface);border:1px solid var(--pb-border);border-radius:var(--pb-radius);padding:18px;display:grid;gap:14px}.pb-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:space-between}.pb-label{font-size:12px;color:#0f172a99;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.pb-pack-size{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pb-pack-size button{-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.14);background:#fff;color:var(--pb-text);padding:12px 16px;border-radius:999px;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 2px 10px #0f172a0f}.pb-pack-size button:hover{transform:translateY(-1px)}.pb-pack-size button.active{border-color:#1f7a4f66;box-shadow:0 0 0 4px var(--pb-accent-soft),0 4px 14px #0f172a14}.pb-purchase-type{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pb-pill{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 10px #0f172a0f;font-size:15px}.pb-pill input{accent-color:var(--pb-accent)}.pb-selling-plan{padding:12px 14px;border-radius:14px;border:1px solid rgba(0,0,0,.14);background:#fff;color:var(--pb-text);min-width:240px;box-shadow:0 2px 10px #0f172a0f;font-size:15px}.pb-selling-plan:disabled{opacity:.55;cursor:not-allowed}.pb-search{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.14);background:#fff;color:var(--pb-text);outline:none;font-size:16px;box-shadow:0 2px 10px #0f172a0f}.pb-search::placeholder{color:#0f172a73}.pb-search:focus{border-color:#1f7a4f73;box-shadow:0 0 0 4px var(--pb-accent-soft),0 2px 10px #0f172a0f}.pb-summary{position:sticky;top:18px;align-self:start;background:#fff;border:1px solid var(--pb-border);border-radius:var(--pb-radius);padding:18px;box-shadow:var(--pb-shadow-soft)}.pb-summary h3{margin:0 0 12px;font-size:18px;letter-spacing:-.01em}.pb-metrics{display:grid;gap:10px;margin-bottom:16px}.pb-metric{display:flex;justify-content:space-between;color:#0f172ab3;font-size:15px}.pb-metric strong{color:var(--pb-text)}.pb-progress{height:10px;background:#eef1f3;border-radius:999px;overflow:hidden;border:1px solid rgba(0,0,0,.08);margin:10px 0 18px}.pb-progress>div{height:100%;width:0%;background:linear-gradient(90deg,var(--pb-accent),#2b9a6b);border-radius:999px;transition:width .18s ease}.pb-actions{display:grid;gap:12px}.pb-btn{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.14);background:#fff;color:var(--pb-text);font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 2px 10px #0f172a0f;font-size:16px}.pb-btn:hover{transform:translateY(-1px);border-color:#0003}.pb-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.pb-btn.primary{background:var(--pb-accent);color:#fff;border-color:#0000;box-shadow:0 10px 24px #1f7a4f2e}.pb-btn.primary:hover{box-shadow:0 12px 28px #1f7a4f38}.pb-btn.ghost{background:#fff}.pb-message{margin-top:12px;font-size:14px;color:var(--pb-danger);min-height:18px}.pb-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1024px){.pb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.pb-grid{grid-template-columns:1fr}}.pb-card{border-radius:18px;border:1px solid rgba(0,0,0,.1);background:#fff;overflow:hidden;box-shadow:0 10px 20px #0f172a14;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.pb-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a1a;border-color:#00000024}.pb-card.selected{border-color:#1f7a4f66;box-shadow:0 18px 36px #1f7a4f1a,0 14px 30px #0f172a1a}.pb-card__img{width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#f2f4f7;display:block}.pb-card__body{padding:14px 14px 16px;display:grid;gap:12px}.pb-card__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pb-card__title{margin:0;font-size:16px;line-height:1.25;letter-spacing:-.01em}.pb-badge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#f6f7f8;color:#0f172abf;white-space:nowrap}.pb-macros{display:flex;flex-wrap:wrap;gap:8px;color:#0f172ab8;font-size:12px}.pb-macros span{padding:7px 10px;border-radius:999px;background:#f6f7f8;border:1px solid rgba(0,0,0,.08)}.pb-card__btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.14);background:#fff;color:var(--pb-text);font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 10px #0f172a0f}.pb-card__btn:hover{transform:translateY(-1px)}.pb-card.selected .pb-card__btn{background:var(--pb-accent);color:#fff;border-color:#0000;box-shadow:0 10px 22px #1f7a4f29}
/*# sourceMappingURL=/cdn/shop/t/8/assets/pack-builder.css.map */