/* Subtle tricolor treatment for the hierarchy on every route. */
@keyframes subtitle-current{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
main h2,.builder-progress-title{display:table;background:linear-gradient(100deg,#ffd300 0%,#ffd300 22%,#175bd8 49%,#e22c3d 72%,#ffd300 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:subtitle-current 12s ease-in-out infinite}.shipping-card h2{display:block;background:none;color:#161208;-webkit-text-fill-color:initial}.drawer-head h2,.quick-text h2,.form-card h2{background:none;color:inherit;-webkit-text-fill-color:initial}.light main h2{filter:saturate(.88)}

/* A short, visual box-building flow: understand, pick, review. */
.builder-flow{padding-top:32px}.builder-intro{max-width:750px}.builder-intro h1{margin-bottom:12px}.builder-intro p{color:var(--muted);max-width:530px;margin:0}.box-progress-rail{position:sticky;top:86px;z-index:12;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:28px 0 22px;padding:15px 17px;background:#1a1b18f5;border:1px solid #494a42;border-radius:18px;backdrop-filter:blur(14px);box-shadow:0 14px 28px #0003}.box-progress-rail strong{font-size:13px}.box-progress-rail small{color:var(--muted);display:block;font-size:11px}.box-progress-rail .bar{margin:0}.box-progress-rail .secondary{padding:10px 14px;font-size:11px;white-space:nowrap}.builder-step{display:flex;gap:8px;flex-wrap:wrap;color:#ded9cc;font-size:12px;margin:0 0 20px}.builder-step b{color:var(--yellow)}.builder-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center;margin-bottom:19px}.builder-search{display:flex;align-items:center;gap:8px;background:#1a1b18;border:1px solid #41433c;border-radius:999px;padding:5px 13px}.builder-search input{width:100%;border:0;background:transparent;color:inherit;outline:0;padding:8px 2px}.builder-filter-row{display:flex;gap:7px;flex-wrap:wrap}.builder-filter-row button{border:1px solid #474942;background:#191a18;color:#eee;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:700}.builder-filter-row button.active{background:var(--yellow);border-color:var(--yellow);color:#171308}.builder-products .product-card{min-height:340px}.builder-products .product-image{height:215px}.builder-toggle{display:inline-flex;justify-content:center;align-items:center;width:100%;margin-top:12px;border:0;border-radius:999px;background:#ffffff12;color:#fff;padding:11px;font-size:11px;font-weight:800;transition:background .2s,transform .2s}.builder-toggle:hover{background:var(--yellow);color:#171308;transform:translateY(-1px)}.builder-toggle.selected{background:#244b31;color:#fff;border:1px solid #80a56a}.builder-next{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:27px;padding:17px 0;border-top:1px solid var(--line)}.builder-next p{margin:0;color:var(--muted);font-size:12px}.builder-next .primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.light .box-progress-rail,.light .builder-search,.light .builder-filter-row button{background:#fffdf8;color:#1d281e;border-color:#d8ceba}.light .builder-step{color:#4e574c}.light .builder-toggle{background:#eae3d4;color:#253126}.light .builder-toggle.selected{background:#2b643e;color:#fff}
@media(max-width:700px){.box-progress-rail{top:72px;grid-template-columns:1fr auto;gap:8px;padding:12px}.box-progress-rail .bar{grid-column:1 / -1;grid-row:2}.box-progress-rail small{display:none}.builder-tools{grid-template-columns:1fr}.builder-next{align-items:stretch;flex-direction:column}.builder-next .primary{width:100%}}@media(max-width:420px){.builder-products .product-image{height:175px}.box-progress-rail strong{font-size:12px}.box-progress-rail .secondary{padding:9px 11px}}
