.bra-builder{--gold:#d6a21d;--gold2:#f1c75b;--ink:#161616;--panel:#222;--muted:#b8b8b8;--line:#3a3a3a;color:#f7f3e8;background:#151515;border-radius:20px;overflow:hidden;font-family:inherit;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.bra-builder *{box-sizing:border-box}.bra-hero{padding:48px 28px 34px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(214,162,29,.25),transparent 48%),linear-gradient(145deg,#252019,#111)}
.bra-eyebrow{display:block;color:var(--gold2);font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:9px}.bra-hero h2{font-size:clamp(30px,5vw,48px);line-height:1.05;margin:0 0 13px;color:#fff}.bra-hero p{max-width:720px;margin:0 auto;color:#d4d0c6;font-size:17px;line-height:1.55}
.bra-progress{display:flex;justify-content:center;gap:clamp(12px,5vw,70px);padding:18px 15px;background:#0e0e0e;border-block:1px solid #282828}.bra-progress span{display:flex;align-items:center;gap:8px;color:#777;font-size:13px;font-weight:700}.bra-progress b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#292929;color:#888}.bra-progress .is-active{color:#eee}.bra-progress .is-active b{background:var(--gold);color:#17120a}
.bra-panel{padding:30px max(20px,4vw);border-bottom:1px solid var(--line)}.bra-panel h3,.bra-results-card h3{color:#fff;margin:0 0 20px;font-size:22px}.bra-style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bra-style{position:relative;min-height:150px;text-align:left;padding:20px;border:1px solid var(--line);border-radius:14px;color:#fff;background:#242424;cursor:pointer;transition:.2s}.bra-style:hover{transform:translateY(-2px);border-color:#6d5821}.bra-style.is-selected{border:2px solid var(--gold);background:linear-gradient(145deg,#332c1b,#222)}.bra-style-icon{display:block;font-size:29px;margin-bottom:12px}.bra-style strong{display:block;font-size:17px;margin-bottom:6px}.bra-style small{display:block;color:var(--muted);line-height:1.4}.bra-check{display:none;position:absolute;right:12px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#191300;text-align:center;line-height:24px;font-weight:900}.bra-style.is-selected .bra-check{display:block}
.bra-fields{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:18px;margin-bottom:22px}.bra-fields>label,.bra-fields fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#1c1c1c}.bra-fields>label span,.bra-fields legend{width:100%;font-weight:700;color:#eee}.bra-fields input[type=number]{width:95px;min-height:48px;padding:8px 12px;border:1px solid #555;border-radius:8px;background:#101010;color:#fff;font-size:18px;font-weight:800}.bra-fields small{color:#8d8d8d}.bra-fields fieldset{margin:0}.bra-fields fieldset label{margin-right:12px;color:#ddd;cursor:pointer}.bra-fields input[type=radio]{accent-color:var(--gold);width:18px;height:18px}.bra-primary,.bra-secondary{border:0;border-radius:10px;font-weight:800;cursor:pointer;transition:.2s}.bra-primary{min-height:52px;padding:13px 23px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#181204;font-size:16px;box-shadow:0 8px 22px rgba(214,162,29,.17)}.bra-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.bra-primary:disabled{opacity:.55;cursor:wait}.bra-secondary{padding:10px 15px;background:#303030;color:#eee;border:1px solid #4b4b4b}
.bra-loading{padding:22px;text-align:center;color:#ddd}.bra-loading span{display:inline-block;width:20px;height:20px;margin-right:8px;border:3px solid #555;border-top-color:var(--gold);border-radius:50%;vertical-align:middle;animation:bra-spin .8s linear infinite}@keyframes bra-spin{to{transform:rotate(360deg)}}
.bra-results-card{padding:32px max(20px,4vw);background:#191919}.bra-results-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.bra-results-head h3{font-size:28px;margin-bottom:6px}.bra-results-head p{margin:0;color:var(--muted)}.bra-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.bra-stats div{padding:15px;text-align:center;background:#101010;border:1px solid #303030;border-radius:10px}.bra-stats span{display:block;color:#8c8c8c;font-size:12px;font-weight:800}.bra-stats strong{display:block;color:var(--gold2);font-size:21px;margin-top:4px}.bra-method{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.bra-method>div{padding:16px;border-left:3px solid var(--gold);background:#232323;border-radius:8px}.bra-method span{font-size:20px;margin-right:6px}.bra-method b{color:#fff}.bra-method p{color:#bbb;font-size:13px;line-height:1.45;margin:8px 0 0}.bra-list-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.bra-list-head h3{margin:0}.bra-list-head button{border:0;background:none;color:var(--gold2);cursor:pointer;font-weight:700}.bra-ingredients{margin-top:15px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.bra-ingredient{display:grid;grid-template-columns:38px 62px 1fr auto;align-items:center;gap:14px;padding:14px 16px;background:#222;border-bottom:1px solid #363636}.bra-ingredient:last-child{border-bottom:0}.bra-ingredient.is-unavailable{opacity:.58}.bra-select input{position:absolute;opacity:0}.bra-select span{display:block;width:24px;height:24px;border:2px solid #696969;border-radius:6px}.bra-select input:checked+span{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 5px #222}.bra-ingredient img{width:58px;height:58px;border-radius:8px;object-fit:contain;background:#fff}.bra-ingredient h4{margin:0 0 5px;color:#fff;font-size:16px}.bra-ingredient p{margin:0 0 6px;color:#c7c7c7;font-size:13px}.bra-ingredient small{color:#8f8f8f;line-height:1.5}.bra-ingredient-price{color:#fff;font-weight:800;white-space:nowrap}.bra-cart-bar{position:sticky;bottom:8px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:16px 18px;border:1px solid #6d5720;border-radius:14px;background:rgba(24,24,24,.96);box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(10px)}.bra-cart-bar small{display:block;color:#aaa}.bra-cart-bar strong{display:block;color:#fff;font-size:25px}.bra-footnote{color:#7e7e7e;font-size:12px;line-height:1.5;margin:15px 0 0}.bra-notice{margin:16px max(20px,4vw) 28px;padding:14px 16px;border-radius:10px}.bra-notice.is-error{background:#431f1f;color:#ffd4d4;border:1px solid #733}.bra-notice.is-success{background:#173b29;color:#d8ffe7;border:1px solid #296543}
@media(max-width:900px){.bra-style-grid{grid-template-columns:repeat(2,1fr)}.bra-fields{grid-template-columns:1fr 1fr}.bra-fields fieldset{grid-column:1/-1}.bra-method{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bra-builder{border-radius:12px}.bra-hero{padding:38px 20px 28px}.bra-hero p{font-size:15px}.bra-progress{gap:8px;justify-content:space-around}.bra-progress span{font-size:11px;gap:4px}.bra-progress b{width:22px;height:22px}.bra-panel,.bra-results-card{padding:24px 15px}.bra-style-grid{grid-template-columns:1fr 1fr;gap:9px}.bra-style{min-height:142px;padding:15px}.bra-style strong{font-size:15px}.bra-fields{grid-template-columns:1fr}.bra-fields fieldset{grid-column:auto}.bra-primary{width:100%}.bra-results-head h3{font-size:23px}.bra-stats{grid-template-columns:repeat(5,1fr);gap:5px}.bra-stats div{padding:10px 3px}.bra-stats strong{font-size:16px}.bra-method{grid-template-columns:1fr}.bra-ingredient{grid-template-columns:28px 48px 1fr;padding:12px 10px;gap:9px}.bra-ingredient img{width:46px;height:46px}.bra-ingredient-price{grid-column:3;text-align:left}.bra-cart-bar{align-items:stretch;flex-direction:column;bottom:4px}.bra-cart-bar .bra-primary{width:100%}}
.bra-mode{display:flex;justify-content:center;gap:8px;padding:18px;background:#171717;border-bottom:1px solid var(--line)}.bra-mode button{padding:12px 20px;border:1px solid #474747;border-radius:999px;background:#262626;color:#bbb;font-weight:800;cursor:pointer}.bra-mode button.is-active{border-color:var(--gold);background:#352d19;color:#fff}.bra-mode button span{margin-left:6px;padding:3px 6px;border-radius:5px;background:var(--gold);color:#181204;font-size:9px}.bra-fields select,.bra-fields input[type=text],.bra-custom-row select,.bra-custom-row input,.bra-custom-bottom select,.bra-custom-bottom input[type=number]{width:100%;min-height:48px;padding:9px 11px;border:1px solid #555;border-radius:8px;background:#101010;color:#fff;font-size:15px}.bra-custom-fields{grid-template-columns:1.4fr .7fr .7fr 1fr 1.35fr}.bra-advanced-head>p{margin:-10px 0 24px;color:var(--muted)}.bra-live-stats{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;padding:0 max(15px,4vw);background:#0d0d0d;border-bottom:1px solid #333}.bra-live-stats div{text-align:center;padding:13px 5px}.bra-live-stats span{display:block;color:#888;font-size:11px;font-weight:800}.bra-live-stats strong{display:block;color:var(--gold2);font-size:22px}.bra-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.bra-section-title h3{margin-bottom:4px}.bra-section-title p{margin:0;color:#8f8f8f}.bra-add-row{padding:9px 14px;border:1px solid var(--gold);border-radius:8px;background:transparent;color:var(--gold2);font-weight:800;cursor:pointer}.bra-custom-rows{display:grid;gap:10px;margin-top:18px}.bra-custom-row{display:grid;grid-template-columns:2fr 1fr 42px;align-items:end;gap:10px;padding:12px;border:1px solid #383838;border-radius:12px;background:#202020}.bra-hop-row{grid-template-columns:1.7fr .8fr 1fr .8fr .8fr 42px}.bra-custom-row label>span,.bra-custom-bottom label>span{display:block;margin-bottom:6px;color:#aaa;font-size:12px;font-weight:700}.bra-unit-input{display:flex;align-items:center}.bra-unit-input input{border-radius:8px 0 0 8px}.bra-unit-input b{display:grid;place-items:center;min-width:38px;height:48px;background:#363636;color:#ddd;border-radius:0 8px 8px 0;font-size:12px}.bra-remove{width:40px;height:48px;border:1px solid #633;border-radius:8px;background:#321c1c;color:#f2a1a1;font-size:25px;cursor:pointer}.bra-custom-bottom{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;align-items:end;gap:15px;margin-bottom:22px}.bra-switch{display:flex!important;align-items:center;gap:10px;min-height:48px;color:#ddd;cursor:pointer}.bra-switch>span{display:block;width:42px;height:24px;margin:0!important;border-radius:999px;background:#4b4b4b;position:relative}.bra-switch>span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#ddd;transition:.2s}.bra-switch input{position:absolute;opacity:0}.bra-switch input:checked+span{background:var(--gold)}.bra-switch input:checked+span:after{transform:translateX(18px);background:#151515}.bra-custom-result{border-top:1px solid var(--gold)}
@media(max-width:1050px){.bra-custom-fields{grid-template-columns:repeat(2,1fr)}.bra-custom-fields fieldset{grid-column:1/-1}.bra-hop-row{grid-template-columns:repeat(3,1fr)}.bra-hop-row .bra-remove{grid-column:3;justify-self:end}.bra-custom-bottom{grid-template-columns:1fr 1fr}.bra-custom-bottom .bra-switch{grid-column:1/-1}}
@media(max-width:600px){.bra-mode{padding:12px 8px}.bra-mode button{padding:10px 12px;font-size:12px}.bra-custom-fields,.bra-custom-bottom{grid-template-columns:1fr}.bra-custom-fields fieldset,.bra-custom-bottom .bra-switch{grid-column:auto}.bra-live-stats{padding:0 4px}.bra-live-stats strong{font-size:17px}.bra-custom-row,.bra-hop-row{grid-template-columns:1fr 1fr}.bra-custom-row label:first-child,.bra-hop-row label:first-child{grid-column:1/-1}.bra-custom-row .bra-remove,.bra-hop-row .bra-remove{grid-column:2;justify-self:end}.bra-section-title{align-items:flex-start}.bra-add-row{white-space:nowrap}}
.bra-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.bra-filters button{padding:8px 13px;border:1px solid #444;border-radius:999px;background:#222;color:#aaa;font-weight:700;cursor:pointer}.bra-filters button.is-active{border-color:var(--gold);background:#3a3018;color:#fff}.bra-style-meta{display:block;margin-top:12px;color:var(--gold2);font-size:11px;font-weight:700}.bra-losses{margin:0 0 22px;border:1px solid #3d3d3d;border-radius:10px;background:#1c1c1c}.bra-losses summary{padding:12px 15px;color:#c9c9c9;font-weight:700;cursor:pointer}.bra-losses>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 15px 15px}.bra-losses label{color:#aaa;font-size:12px}.bra-losses input{width:85px;min-height:40px;margin:5px;padding:7px;border:1px solid #555;border-radius:7px;background:#101010;color:#fff}.bra-saved-bar{display:flex;gap:8px;margin:0 0 18px}.bra-saved-bar select{flex:1;min-height:44px;padding:8px 11px;border:1px solid #555;border-radius:8px;background:#101010;color:#fff}.bra-saved-bar button,.bra-export-actions button{padding:9px 13px;border:1px solid #555;border-radius:8px;background:#292929;color:#eee;font-weight:700;cursor:pointer}.bra-preset-actions{display:flex;justify-content:flex-end;margin:-10px 0 25px}.bra-water-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 12px}.bra-water-controls label>span{display:block;margin-bottom:6px;color:#aaa;font-size:12px;font-weight:700}.bra-water-controls select{width:100%;min-height:46px;padding:8px 10px;border:1px solid #555;border-radius:8px;background:#101010;color:#fff}.bra-ion-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.bra-ion-grid label{color:#999;font-size:11px;font-weight:700}.bra-ion-grid input{width:100%;min-height:42px;margin-top:5px;padding:7px;border:1px solid #4a4a4a;border-radius:7px;background:#111;color:#fff}.bra-ion-grid input[readonly]{color:#aaa;background:#181818}.bra-water-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px;padding:14px;border:1px solid #5f4b19;border-radius:12px;background:#211d13}.bra-water-summary>div{text-align:center}.bra-water-summary b{display:block;color:#aaa;font-size:11px}.bra-water-summary strong{display:block;margin-top:5px;color:var(--gold2);font-size:16px}.bra-water-summary p{grid-column:1/-1;margin:5px 0 0;color:#bbb;text-align:center;font-size:12px}.bra-export-actions{display:flex;gap:8px;justify-content:flex-end;margin:-12px 0 22px}.bra-export-actions button:hover,.bra-saved-bar button:hover{border-color:var(--gold);color:var(--gold2)}
@media(max-width:900px){.bra-water-summary{grid-template-columns:repeat(3,1fr)}.bra-ion-grid{grid-template-columns:repeat(3,1fr)}.bra-losses>div{grid-template-columns:1fr}.bra-custom-fields{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.bra-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.bra-filters button{white-space:nowrap}.bra-saved-bar{flex-wrap:wrap}.bra-saved-bar select{flex-basis:100%}.bra-water-controls{grid-template-columns:1fr}.bra-water-summary{grid-template-columns:repeat(2,1fr)}.bra-ion-grid{grid-template-columns:repeat(3,1fr)}.bra-export-actions{justify-content:stretch}.bra-export-actions button{flex:1;padding:9px 5px;font-size:12px}.bra-preset-actions .bra-secondary{width:100%}}
@media print{body *{visibility:hidden!important}.bra-custom-result,.bra-custom-result *{visibility:visible!important}.bra-custom-result{position:absolute;left:0;top:0;width:100%;background:#fff!important;color:#111!important;box-shadow:none!important}.bra-custom-result h3,.bra-custom-result h4,.bra-custom-result strong{color:#111!important}.bra-custom-result p,.bra-custom-result small,.bra-custom-result span{color:#333!important}.bra-cart-bar,.bra-export-actions,.bra-select{display:none!important}.bra-ingredient{background:#fff!important;border-color:#ccc!important}.bra-ingredient img{width:42px;height:42px}.bra-stats div{background:#f3f3f3!important;border-color:#ccc!important}}
.bra-print-water{margin:0 0 18px;padding:12px 14px;border:1px solid #5f4b19;border-radius:10px;background:#211d13;color:#ddd;font-size:13px;line-height:1.55}.bra-print-water b{color:var(--gold2)}
@media print{.bra-print-water{background:#fff!important;color:#111!important;border-color:#aaa!important}.bra-print-water b{color:#111!important}}