@keyframes cool-screen-pulse{0%,to{box-shadow:0 0 #ffffff59}50%{box-shadow:0 0 0 5px #fff0}}.cool-screen-btn-closed{animation:1.8s ease-in-out infinite cool-screen-pulse}.pergola-configurator{background:#fff;width:100vw;height:100vh;display:flex;overflow:hidden}.pergola-viewer{background:radial-gradient(circle,#fff 0%,#f4f4f5 100%);flex:1;position:relative}.pergola-overlay-row{z-index:10;align-items:flex-start;gap:0;display:flex;position:absolute;top:20px;left:20px}.pergola-louver-overlay{background:#131313;border:1px solid #ffffff08;border-radius:12px;flex-direction:column;gap:12px;min-width:280px;padding:16px 20px;display:flex;position:relative;box-shadow:0 12px 40px #0009}.overlay-close-btn{cursor:pointer;opacity:1;background:0 0;border:none;margin-bottom:20px;padding:4px;transition:opacity .2s;display:flex;position:absolute;top:8px;left:12px}.overlay-close-btn:hover{opacity:.8}.pergola-louver-label{color:#888;text-transform:uppercase;letter-spacing:1.2px;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.pergola-louver-degree{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:0;font-size:18px;font-weight:700}.pergola-louver-slider{appearance:none;cursor:pointer;border-radius:2px;outline:none;width:100%;height:2px;margin:0 0 8px;background:linear-gradient(to right,#ffffff4d 0%,#ffffff4d var(--slider-pct),#ffffff1a var(--slider-pct),#ffffff1a 100%)!important}.pergola-louver-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 0 14px 4px #fff6}.pergola-louver-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.pergola-roof-toggle-container{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.roof-toggle-inline-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.roof-toggle-inline-btn:hover{background:#ffffff1a;border-color:#fff6}.roof-toggle-inline-btn.open{background:#fff3;border-color:#fff9}.pergola-louver-slider::-moz-range-thumb{cursor:pointer;background:#000;border:3px solid #fff;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 0 10px #ffffff4d}.pergola-panel{background:#0a0a0a;border-left:1px solid #ffffff1a;flex-direction:column;width:380px;height:100vh;display:flex}.pergola-panel-inner{flex:1;padding:32px 24px 24px;overflow-y:auto}.pergola-price-footer{background:#111;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.pergola-price-info{flex-direction:column;gap:2px;display:flex}.pergola-price-amount{color:#fff;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.pergola-price-tax{color:#ffffff59;font-size:12px;font-weight:400}.pergola-price-next-btn{color:#000;cursor:pointer;letter-spacing:.2px;background:#fff;border:none;border-radius:10px;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.pergola-price-next-btn:hover{background:#e5e5e5;transform:scale(1.02)}.pergola-price-next-btn:active{transform:scale(.98)}.pergola-panel-title{color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-size:24px;font-weight:700}.pergola-panel-subtitle{color:#fff6;margin:0 0 32px;font-size:14px}.pergola-dimensions-section{flex-direction:column;gap:10px;display:flex}.pergola-dimensions-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pergola-dimensions-header h2{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:16px;font-weight:600}.pergola-dimensions-summary{color:#ffffff80;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.pergola-dim-separator{color:#ffffff40}.pergola-dimensions-summary-row{text-align:center;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px 0;display:grid}.pergola-dim-item{flex-direction:column;align-items:center;gap:2px;display:flex}.pergola-dim-value{color:#fff;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.pergola-dim-label-text{color:#fff6;font-size:12px;font-weight:500}.pergola-dim-tabs{background:#ffffff0f;border-radius:10px;grid-template-columns:1fr 1fr;gap:0;padding:3px;display:grid}.pergola-dim-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 0;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.pergola-dim-tab:hover{color:#fffc}.pergola-dim-tab.active{color:#fff;background:#ffffff1f}.pergola-preset-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.pergola-preset-btn{color:#fff9;cursor:pointer;font-variant-numeric:tabular-nums;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:10px;padding:12px 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.pergola-preset-btn:hover{color:#ffffffe6;background:#ffffff0f;border-color:#fff3}.pergola-preset-btn.active{color:#fff;background:#ffffff14;border-color:#fff}.pergola-custom-dims{flex-direction:column;gap:16px;display:flex}.pergola-custom-heading{color:#fff;text-align:center;margin:0;font-size:15px;font-weight:600}.pergola-dimension-group{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:16px}.pergola-dimension-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pergola-dimension-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.pergola-dimension-value{color:#fff;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.pergola-dimension-meters{color:#ffffff59;margin-left:6px;font-size:12px;font-weight:400}.pergola-dimension-range-wrap{align-items:center;gap:10px;display:flex}.pergola-range-min,.pergola-range-max{color:#ffffff4d;font-variant-numeric:tabular-nums;text-align:center;min-width:28px;font-size:11px}.pergola-slider-track-container{flex:1;position:relative}.pergola-slider{appearance:none;cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;background:linear-gradient(to right,#fff 0%,#fff var(--slider-pct),#ffffff26 var(--slider-pct),#ffffff26 100%)!important}.pergola-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#000;border:3px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #fff3}.pergola-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 12px #fff6}.pergola-slider::-moz-range-thumb{cursor:pointer;background:#000;border:3px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #fff3}.pergola-info-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:10px;margin-top:28px;padding:16px;display:flex}.pergola-info-row{justify-content:space-between;align-items:center;display:flex}.pergola-info-label{color:#ffffff73;font-size:13px}.pergola-info-value{color:#fff;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.pergola-info-area{border-top:1px solid #ffffff0f;padding-top:10px}.pergola-info-area .pergola-info-value{color:#fff}.pergola-enclosures-section{border-top:1px solid #ffffff0f;flex-direction:column;gap:16px;margin-top:28px;padding-top:24px;display:flex}.pergola-enclosure-summary{color:#ffffff73;grid-template-columns:1fr 1fr;gap:4px 16px;font-size:12px;line-height:1.6;display:grid}.pergola-enclosure-summary strong{color:#fffc;font-weight:600}.pergola-side-tabs{justify-content:center;gap:8px;display:flex}.pergola-side-tab{color:#fff6;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pergola-side-tab:hover{color:#ffffffb3;background:#ffffff0d;border-color:#fff3}.pergola-side-tab.active{color:#000;background:#fff;border-color:#fff}.pergola-side-tab svg{width:36px;height:36px}.pergola-enclosure-choose{color:#ffffff59;text-align:center;margin:4px 0 0;font-size:13px}.pergola-enclosure-list{flex-direction:column;gap:8px;display:flex}.pergola-enclosure-card{cursor:pointer;text-align:left;color:#fff;background:#ffffff08;border:1.5px solid #ffffff0f;border-radius:10px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-family:inherit;transition:all .2s;display:flex}.pergola-enclosure-card:hover{background:#ffffff0d;border-color:#ffffff26}.pergola-enclosure-card.active{color:#000;background:#fff;border-color:#fff}.pergola-enclosure-card.active .pergola-enclosure-card-name{color:#000}.pergola-enclosure-card.active .pergola-enclosure-card-price{color:#444}.pergola-enclosure-card-info{flex-direction:column;gap:2px;display:flex}.pergola-enclosure-card-name{color:#fff;font-size:14px;font-weight:600}.pergola-enclosure-card-price{color:#ffffff73;font-size:13px;font-weight:500}.pergola-slats-color-section{flex-direction:column;gap:16px;margin-top:12px;padding-top:0;display:flex}.slats-color-title{text-align:center;color:#fff;margin:0;font-size:15px;font-weight:600}.slats-color-presets{justify-content:center;gap:16px;margin-bottom:8px;display:flex}.color-preset-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:4px;display:flex}.color-swatch-circle{border:4px solid #0000;border-radius:50%;width:48px;height:48px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 10px #0003}.color-swatch-circle.black-swatch{border:1px solid #ffffff1a}.color-preset-btn:hover .color-swatch-circle,.slats-category-btn:hover .color-swatch-circle,.slats-ral-btn:hover .color-swatch-circle{transform:scale(1.05)}.color-preset-btn.active .color-swatch-circle,.slats-category-btn.active .color-swatch-circle,.slats-ral-btn.active .color-swatch-circle,.color-preset-btn.active .color-swatch-circle.black-swatch{outline-offset:3px;outline:3px solid #fff}.conic-gradient-custom{background:conic-gradient(from 90deg,red 0%,#f0f 16.6%,#00f 33.3%,#0ff 50%,#0f0 66.6%,#ff0 83.3%,red 100%);border:none}.color-preset-btn span,.slats-category-btn span,.slats-ral-btn span{color:#ffffffb3;font-size:12px;font-weight:500}.color-preset-btn.active span,.slats-category-btn.active span,.slats-ral-btn.active span{color:#fff;font-weight:600}.slats-custom-picker{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:24px;padding:16px;display:flex;overflow:hidden}.slats-category-row{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:12px;padding-bottom:8px;display:grid}.slats-category-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;min-width:56px;display:flex}.slats-category-btn .color-swatch-circle{width:40px;height:40px}.slats-ral-grid-container{flex-direction:column;align-items:center;gap:16px;display:flex}.slats-ral-subtitle{color:#ffffff80;text-align:center;margin:0;font-size:14px}.slats-ral-grid{grid-template-columns:repeat(5,1fr);justify-items:center;gap:12px;width:100%;display:grid}.slats-ral-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;display:flex}.slats-ral-btn .color-swatch-circle{width:40px;height:40px}.slats-pagination{align-items:center;gap:8px;margin-top:8px;display:flex}.slats-page-num,.slats-page-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .2s}.slats-page-num:hover,.slats-page-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.slats-page-num.active{color:#000;background:#fff;border:1px solid #fff;border-radius:4px;font-weight:600}.slats-page-btn:disabled{opacity:.3;cursor:not-allowed}.slats-section-label{color:#888;text-align:center;margin:0 0 10px;font-size:13px;font-weight:400}.slats-option-grid{flex-direction:column;gap:10px;display:flex}.slats-option-card{cursor:pointer;color:#999;background:#ffffff0a;border:2px solid #ffffff14;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;font-family:inherit;transition:all .2s;display:flex}.slats-option-card:hover{background:#ffffff0f;border-color:#ffffff26}.slats-option-card.active{color:#fff;background:#ffffff14;border-color:#fff9}.slats-option-icon{border-right:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:36px;padding-right:16px;display:flex}.slats-option-card.active .slats-option-icon{border-right-color:#ffffff26}.slats-option-label{color:#ffffffb3;font-size:15px;font-weight:600}.slats-option-card.active .slats-option-label{color:#fff}.panel-wrapper,.btn-wrapper{transition:visibility .3s}.panel-wrapper.hidden,.btn-wrapper.hidden{visibility:hidden;pointer-events:none}.panel-wrapper.visible,.btn-wrapper.visible{visibility:visible;pointer-events:auto}.panel-wrapper .pergola-louver-overlay{transform-origin:bottom;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.panel-wrapper.hidden .pergola-louver-overlay{opacity:0;transform:scale(.95)translateY(10px)}.panel-wrapper.visible .pergola-louver-overlay{opacity:1;transform:scale(1)translateY(0)}.btn-wrapper .settings-btn{transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s}.btn-wrapper.hidden .settings-btn{opacity:0;transform:scale(.85)translateY(10px)}.btn-wrapper.visible .settings-btn{opacity:1;transform:scale(1)translateY(0)}.settings-btn{pointer-events:auto;-webkit-backdrop-filter:blur(16px);color:#fffc;cursor:pointer;background:#000000bf;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 24px #0003}.settings-btn:hover{color:#fff;background:#000000d9;border-color:#ffffff4d}@media (max-width:900px){.pergola-configurator{flex-direction:column;height:100dvh;overflow:hidden}.pergola-viewer{flex-shrink:0;height:45dvh;min-height:280px}.pergola-panel{border-top:1px solid #ffffff1a;border-left:none;flex-direction:column;flex:1;width:100%;height:auto;min-height:0;display:flex}.pergola-panel-inner{-webkit-overflow-scrolling:touch;flex:1;padding:12px 16px 16px;overflow-y:auto}.pergola-panel-title,.pergola-panel-subtitle{display:none}.pergola-overlay-row{justify-content:flex-start;width:auto;top:12px;bottom:auto;left:12px;transform:none}.pergola-louver-overlay{min-width:240px;max-width:calc(100vw - 80px);padding:14px 16px}.pergola-price-footer{z-index:50;position:sticky;bottom:0;padding:14px 16px!important}.mobile-ai-assistant-wrapper{width:100%;padding:0 0 4px}.viewer-ar-btn{bottom:12px!important;left:auto!important;right:12px!important}.viewer-ai-btn{bottom:12px!important;left:12px!important;right:auto!important}.viewer-ar-btn button,.viewer-ai-btn button{gap:8px!important;padding:0 10px!important}.viewer-ar-btn .btn-text,.viewer-ai-btn .btn-text{letter-spacing:.8px!important;font-size:10px!important}}.quote-page{color:#fff;background:#0a0a0a;width:100vw;min-height:100vh;padding:32px 48px;font-family:inherit}.quote-back-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:8px 0;font-family:inherit;font-size:14px;font-weight:500;transition:color .2s;display:inline-flex}.quote-back-btn:hover{color:#fff}.quote-layout{gap:64px;max-width:1100px;margin:0 auto;display:flex}.quote-summary-col{flex-shrink:0;width:320px}.quote-product-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.quote-product-header{gap:16px;display:flex}.quote-product-thumb{background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.quote-product-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.quote-product-title{color:#fff;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.quote-edit-btn{color:#fff;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:background .2s;display:flex}.quote-edit-btn:hover{opacity:1;background:#ffffff1a}.quote-product-meta{color:#ffffff73;flex-direction:column;gap:2px;font-size:12px;line-height:1.5;display:flex}.quote-product-details{color:#ffffff73;flex-direction:column;gap:2px;margin-top:4px;padding-top:4px;font-size:12px;line-height:1.5;display:flex}.quote-detail-divider{background:#ffffff14;height:1px;margin:4px 0;display:block}.quote-detail-heading{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;font-weight:600}.quote-toggle-details{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;gap:4px;margin-top:6px;padding:2px 0;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.quote-toggle-details:hover{opacity:1}.quote-pricing{flex-direction:column;gap:8px;margin-top:24px;display:flex}.quote-pricing-row{color:#ffffff73;justify-content:space-between;font-size:13px;display:flex}.quote-pricing-row span:last-child{font-variant-numeric:tabular-nums}.quote-pricing-total{color:#fff;border-top:1px solid #ffffff1a;margin-top:8px;padding-top:12px;font-size:16px;font-weight:700}.quote-pricing-total span:last-child{font-size:20px}.quote-form-col{flex:1;min-width:0}.quote-form-title{color:#fff;letter-spacing:-.3px;margin:0 0 28px;font-size:22px;font-weight:700}.quote-form{flex-direction:column;gap:20px;display:flex}.quote-form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.quote-form-field{flex-direction:column;gap:6px;display:flex}.quote-form-field-full{width:50%}.quote-form-field label{color:#ffffff80;font-size:13px;font-weight:500}.quote-req{color:#ef4444}.quote-form-field input{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.quote-form-field input:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff14}.quote-form-section-title{color:#fff;margin:8px 0 0;font-size:16px;font-weight:600}.quote-form-terms{flex-direction:column;gap:6px;margin-top:4px;display:flex}.quote-checkbox-label{color:#ffffff80;cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;display:flex}.quote-checkbox-label input[type=checkbox]{accent-color:#fff;cursor:pointer;width:16px;height:16px;margin-top:1px}.quote-terms-links{gap:12px;padding-left:26px;display:flex}.quote-terms-links a{color:#fff9;font-size:12px;text-decoration:underline}.quote-terms-links a:hover{color:#fff}.quote-submit-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;margin-top:8px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.quote-submit-btn:hover:not(:disabled){background:#e5e5e5}.quote-submit-btn:active:not(:disabled){transform:scale(.98)}.quote-submit-btn:disabled{opacity:.4;cursor:not-allowed}.quote-submit-btn.submitted{color:#fff;opacity:1;background:#22c55e}@media (max-width:900px){.quote-page{padding:20px 16px}.quote-layout{flex-direction:column;gap:32px}.quote-summary-col,.quote-form-field-full{width:100%}.quote-form-row{grid-template-columns:1fr;gap:16px}.bom-overlay{padding:16px}.bom-modal{max-height:90vh}}.quote-bom-btn{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.quote-bom-btn:hover{background:#ffffff0d;border-color:#fff6}.bom-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.bom-modal{background:#111;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:860px;max-height:80vh;display:flex;box-shadow:0 32px 64px #00000080}.bom-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.bom-header h2{color:#fff;margin:0;font-size:18px;font-weight:700}.bom-header-actions{align-items:center;gap:12px;display:flex}.bom-action-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.bom-action-btn svg{vertical-align:middle;flex-shrink:0}.bom-action-btn:hover{color:#fff;background:#ffffff14}.bom-close-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:all .2s}.bom-close-btn:hover{color:#fff;background:#ffffff14}.bom-table-wrap{flex:1;padding:0 24px;overflow-y:auto}.bom-table{border-collapse:collapse;width:100%;font-size:13px}.bom-table thead th{text-align:left;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;background:#111;border-bottom:1px solid #ffffff14;padding:12px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.bom-row td{color:#ffffffb3;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:10px 8px}.bom-row-root td{color:#fff;font-weight:600}.bom-row-section td{color:#ffffffd9;font-weight:600}.bom-row-inner{align-items:center;gap:6px;display:flex}.bom-toggle{color:#fff9;cursor:pointer;background:#ffffff14;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;line-height:1;transition:all .15s;display:flex}.bom-toggle:hover{color:#fff;background:#ffffff26}.bom-toggle-spacer{flex-shrink:0;width:20px}.bom-id{color:#ffffff59;font-variant-numeric:tabular-nums;min-width:48px}.bom-id-bold{color:#ffffff8c;font-weight:600}.bom-name{color:#ffffffb3}.bom-name-bold{color:#fff;font-weight:600}.bom-cell-price{font-variant-numeric:tabular-nums;color:#fff9;width:120px}.bom-cell-qty{text-align:center;color:#ffffff80;width:60px}.bom-cell-note{color:#fff6;width:100px;font-style:italic}.bom-footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding:16px 24px;display:flex}.bom-close-footer-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.bom-close-footer-btn:hover{background:#ffffff26;border-color:#ffffff40}