.build-shell *,.build-shell :before,.build-shell :after{box-sizing:border-box}.build-shell .page-hero{text-align:center;background:#fff;padding:56px 32px 32px}.build-shell .page-hero .eyb{letter-spacing:.18em;text-transform:uppercase;color:#9b948a;margin-bottom:8px;font-size:11px;font-weight:700}.build-shell .page-hero h1{letter-spacing:-.025em;color:#0f1a2e;margin-bottom:12px;font-size:clamp(28px,4vw + 10px,48px);font-weight:700;line-height:1.05}.build-shell .page-hero h1 em{color:#ff385c;font-style:normal}.build-shell .page-hero p{color:#5c544a;max-width:640px;margin:0 auto;font-size:clamp(14px,.4vw + 13px,16px);line-height:1.55}.build-shell .sidebar{flex-direction:column;gap:2px;padding:4px 0;display:flex;position:sticky;top:80px}.build-shell .sidebar-label{letter-spacing:.16em;text-transform:uppercase;color:#9b948a;margin:0 0 10px 12px;font-size:10px;font-weight:700}.build-shell .side-chip{color:#1f1b17;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.build-shell .side-chip:hover{background:#fcfaf4}.build-shell .side-chip.on{color:#7b1e0e;background:#ffe6eb;font-weight:600}.build-shell .build{background:#fff;padding:32px 32px 96px}.build-shell .build-wrap{max-width:1320px;margin:0 auto}.build-shell .build-layout{grid-template-columns:1fr 320px;align-items:flex-start;gap:28px;display:grid}.build-shell .search-row{margin-bottom:16px}.build-shell .search-pill{background:#fff;border:1px solid #ece6d8;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:12px 16px;transition:border-color .12s,box-shadow .12s;display:flex}.build-shell .search-pill:focus-within{border-color:#ff385c;box-shadow:0 0 0 3px #ff385c14}.build-shell .search-pill .search-ic{color:#9b948a;flex-shrink:0}.build-shell .search-pill input{color:#1f1b17;letter-spacing:-.005em;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-family:inherit;font-size:14.5px}.build-shell .search-pill input::placeholder{color:#9b948a;font-weight:400}.build-shell .search-pill input::-webkit-search-cancel-button{appearance:none}.build-shell .sort-row{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.build-shell .sort-row .count{color:#9b948a;letter-spacing:.02em;font-size:13px;font-weight:500}.build-shell .sort-row .reset{color:#5c544a;background:#fff;border:1px solid #ece6d8;border-radius:999px;min-height:34px;padding:6px 12px;font-size:13px;font-weight:500}.build-shell .sort-row .reset:hover{background:#fcfaf4}.build-shell .grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.build-shell .m-card{text-align:left;background:#fff;border:1px solid #ece6d8;border-radius:18px;flex-direction:column;width:100%;min-height:230px;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.build-shell .m-card:hover{border-color:#dcd2bd;transform:translateY(-2px);box-shadow:0 12px 28px #0000000f}.build-shell .m-card .band{background:#fcfaf4;border-bottom:1px solid #ece6d8;align-items:center;height:64px;padding:0 22px;display:flex;position:relative}.build-shell .m-card .band .cat-eyb{letter-spacing:.16em;text-transform:uppercase;color:#1f1b17;opacity:.72;font-size:10.5px;font-weight:700}.build-shell .m-card .body{flex-direction:column;flex:1;gap:6px;padding:14px 22px 18px;display:flex}.build-shell .m-card .code{letter-spacing:-.012em;color:#0f1a2e;font-size:21px;font-weight:600;line-height:1.15}.build-shell .m-card .full{color:#1f1b17;font-size:14.5px;font-weight:500;line-height:1.3}.build-shell .m-card .desc{color:#5c544a;margin-top:4px;font-size:13.5px;line-height:1.5}.build-shell .m-card .foot{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:14px;display:flex}.build-shell .m-card .price{color:#1f1b17;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.build-shell .m-card .toggle{color:#1f1b17;z-index:2;background:#fff;border:1px solid #ece6d8;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;line-height:1;transition:background .12s,border-color .12s,color .12s,transform .12s;display:flex;position:absolute;top:16px;right:16px}.build-shell .m-card:hover .toggle{background:#fcfaf4;border-color:#dcd2bd}.build-shell .m-card.on{border-color:#ff385c}.build-shell .m-card.on:after{content:"";pointer-events:none;background:#ff385c0a;position:absolute;inset:0}.build-shell .m-card.on .toggle{color:#fff;background:#ff385c;border-color:#ff385c}.build-shell .m-card.on:hover .toggle{background:#e72955}.build-shell .rail{background:#fff;border:1px solid #ece6d8;border-radius:20px;padding:22px;position:sticky;top:130px;box-shadow:0 8px 28px #0f1a2e0f}.build-shell .rail .label{letter-spacing:.16em;text-transform:uppercase;color:#9b948a;margin-bottom:6px;font-size:11px;font-weight:700}.build-shell .rail .count-line{align-items:baseline;gap:8px;margin-bottom:14px;display:flex}.build-shell .rail .count-line .num{color:#0f1a2e;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1}.build-shell .rail .count-line .lbl{color:#5c544a;font-size:14.5px;font-weight:500}.build-shell .rail .divider{background:#ece6d8;height:1px;margin:14px 0}.build-shell .chips-area{flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:8px;padding:2px 0;display:flex}.build-shell .chips-area .empty{color:#9b948a;padding:6px 0 2px;font-size:13px;font-weight:500}.build-shell .sel-chip{color:#1f1b17;background:#fff;border:1px solid #ece6d8;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 12px;font-size:13px;font-weight:500;line-height:1;transition:border-color .12s,background .12s;display:inline-flex}.build-shell .sel-chip:hover{background:#fcfaf4;border-color:#dcd2bd}.build-shell .sel-chip .code{color:#1f1b17;letter-spacing:-.005em;font-weight:600}.build-shell .sel-chip .price{color:#5c544a;font-variant-numeric:tabular-nums;font-weight:500}.build-shell .sel-chip .x{color:#9b948a;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;padding:0;font-size:14px;line-height:1;display:inline-flex}.build-shell .sel-chip .x:hover{color:#c13515;background:#ffe6eb}.build-shell .clear-link{text-align:center;color:#9b948a;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;width:100%;min-height:36px;margin-top:8px;padding:8px;font-size:12.5px;font-weight:500;text-decoration:underline;display:block}.build-shell .clear-link:hover{color:#1f1b17}.build-shell .clear-link:disabled{color:#d0ccc4;cursor:default;text-decoration:none}.build-shell .total-line{justify-content:space-between;align-items:baseline;margin-top:2px;display:flex}.build-shell .total-line .t-lbl{color:#5c544a;font-size:14px;font-weight:500}.build-shell .total-line .t-val{color:#0f1a2e;letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.build-shell .hint{color:#7b1e0e;background:#ffe6eb;border:1px solid #ffcfd8;border-radius:12px;margin-top:14px;padding:11px 13px;font-size:12.5px;line-height:1.4}.build-shell .cta{color:#fff;letter-spacing:-.005em;background:#ff385c;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:14px;padding:14px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:background .12s,opacity .12s;display:flex}.build-shell .cta:hover{background:#e72955}.build-shell .cta.disabled{color:#9b948a;cursor:not-allowed;pointer-events:none;background:#ece6d8}.build-shell .cta .cta-sub{opacity:.85;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.build-shell .trust{color:#9b948a;text-align:center;margin-top:10px;font-size:11.5px;line-height:1.4}.build-shell .mob-bar{z-index:70;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);padding:12px 16px env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid #ece6d8;align-items:center;gap:10px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f1a2e0f}.build-shell .mob-bar .summary{flex-direction:column;flex:1;gap:2px;line-height:1.2;display:flex}.build-shell .mob-bar .summary .a{color:#5c544a;font-size:13px;font-weight:500}.build-shell .mob-bar .summary .b{color:#0f1a2e;font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:18px;font-weight:700}.build-shell .mob-bar .cta-mob{color:#fff;background:#ff385c;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.build-shell .mob-bar .cta-mob.disabled{color:#9b948a;cursor:not-allowed;pointer-events:none;background:#ece6d8}@media (prefers-reduced-motion:reduce){.build-shell *,.build-shell :before,.build-shell :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important;transform:none!important}.build-shell .m-card:hover{transform:none}}@media (pointer:coarse){.build-shell .m-card .toggle{width:40px;height:40px}}@media (max-width:1024px){.build-shell .page-hero{padding:48px 24px 24px}.build-shell .build{padding:8px 20px 120px}.build-shell .build-layout{grid-template-columns:1fr;gap:18px}.build-shell .grid{grid-template-columns:repeat(2,1fr);gap:14px}.build-shell .rail{display:none}.build-shell .mob-bar{display:flex}}@media (max-width:640px){.build-shell .page-hero{padding:36px 20px 18px}.build-shell .build{padding:8px 16px 130px}.build-shell .grid{grid-template-columns:1fr;gap:12px}.build-shell .m-card{border-radius:16px;min-height:200px}.build-shell .m-card .band{height:56px;padding:0 18px}.build-shell .m-card .body{padding:12px 18px 16px}.build-shell .m-card .code{font-size:19px}.build-shell .m-card .full{font-size:14px}.build-shell .m-card .desc{font-size:13px}}@media (max-width:380px){.build-shell .page-hero{padding:28px 16px 14px}.build-shell .build{padding:8px 12px 130px}.build-shell .m-card{min-height:188px}.build-shell .m-card .code{font-size:18px}.build-shell .m-card .band{height:52px;padding:0 16px}.build-shell .m-card .body{padding:10px 16px 14px}.build-shell .rail{padding:18px}.build-shell .mob-bar{padding:10px 12px env(safe-area-inset-bottom)}}
