.share-panel-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.share-panel{border-radius:var(--radius-lg);background:#fff;width:auto;max-width:1200px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #0000004d}.share-panel-header .MuiIconButton-root{border-radius:50%!important;width:40px!important;min-width:40px!important;height:40px!important}.share-panel-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:5px 24px;display:flex}.share-panel-header h2{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:600}.share-panel-header .close-btn{cursor:pointer;border-radius:var(--radius-md);color:var(--color-text-secondary);background:0 0;border:none;padding:8px;transition:all .2s}.share-panel-header .close-btn:hover{background:var(--color-surface);color:#000}.share-panel-content{max-height:60vh;padding:24px;overflow-y:auto}.no-selected-products{text-align:center;color:var(--color-text-secondary);padding:40px 20px}.no-selected-products p{margin:0;font-size:16px}.selected-products-list{margin-bottom:24px}.category-group{margin-bottom:20px}.category-group:last-child{margin-bottom:0}.selected-product-item{border:none;margin-bottom:0;padding:0}.selected-product-item:last-child{margin-bottom:0}.product-info{flex-direction:column;display:flex;gap:0!important;margin:0!important;padding:8px!important}.product-category{color:#000;word-wrap:break-word;font-size:16px;font-weight:600;margin:0!important;padding:0!important;line-height:1!important}.product-name{color:#000;font-size:15px;font-weight:400;margin:0!important;padding:0!important;line-height:1!important}.product-price{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex;margin:0!important;padding:0!important;line-height:1!important}.original-price{color:var(--color-text-tertiary);font-size:14px;text-decoration:line-through}.discount-price,.price{color:var(--color-danger);font-size:15px;font-weight:600}.share-panel-count{text-align:left;color:var(--color-text-primary);padding:8px 0;font-size:14px;font-weight:600;line-height:1.6}.total-section{border-top:2px solid var(--color-border);text-align:right;margin-top:20px;padding-top:20px}.total-price{color:var(--color-danger);font-size:24px;font-weight:700}.share-panel-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:12px;padding-top:20px;display:flex}.copy-list-btn,.copy-link-btn,.cancel-btn{border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.copy-list-btn{color:#fff;background:#1976d2}.copy-list-btn:hover{background:#1565c0}.copy-link-btn{color:#fff;background:#388e3c}.copy-link-btn:hover{background:#2e7d32}.cancel-btn{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.cancel-btn:hover{background:var(--color-border);color:var(--color-text-primary)}@media (max-width:768px){.share-panel{width:95%;max-height:90vh}.share-panel-content{padding:16px}.share-panel-actions{flex-direction:column}.copy-list-btn,.copy-link-btn,.cancel-btn{width:100%}}.sp-invoice{box-sizing:border-box;background-color:var(--color-accent);border-radius:var(--radius-2xl);width:900px;margin:0 auto;padding:5px}.sp-inner{border-radius:var(--radius-2xl);background-color:#fff;border:3px solid #fff;flex-direction:column;display:flex;overflow:hidden}.sp-header{background-color:var(--color-accent);justify-content:space-between;align-items:flex-start;padding:10px 20px;display:flex}.sp-header-left{align-items:center;gap:20px;display:flex}.sp-header-logo{object-fit:contain;width:80px;height:80px}.sp-header-addr{font-size:12px;font-weight:700;line-height:1.5}.sp-header-name{margin-bottom:5px;font-size:16px}.sp-header-right{flex-direction:column;align-items:end;display:flex}.sp-header-date{font-size:12px;font-weight:700}.sp-qr-box{background-color:#fff;justify-content:center;align-items:center;display:flex}.sp-qr{display:block}.sp-body{min-height:auto}.sp-row{border-bottom:1px solid var(--color-border);grid-template-columns:15% 70% 5% 10%;align-items:center;padding:10px 20px;font-size:12px;display:grid}.sp-row-even{background-color:var(--color-surface)}.sp-row-qty{text-align:center}.sp-row-price-flex{flex-direction:column;align-items:flex-end;display:flex}.sp-row-price{text-align:right}.sp-old-price{color:var(--color-text-tertiary);font-size:12px;text-decoration:line-through}.sp-footer{background-color:var(--color-accent);justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:10px 20px;font-weight:700;display:flex}.sp-footer-right{flex-direction:column;align-items:flex-end;display:flex}.sp-old-total{color:var(--color-text-secondary);font-size:14px;text-decoration:line-through}.sp-new-total{color:var(--color-danger);font-size:18px}.sp-content-scroll{padding:10px;overflow-x:auto}@media (max-width:768px){.sp-invoice{width:100%}}
.checkout-panel-overlay{z-index:99;box-sizing:border-box;background:#000000d9;justify-content:center;align-items:center;width:100dvw;height:calc(100dvh - 112px);display:flex;position:fixed;top:112px}.checkout-panel{border-radius:var(--radius-md);border:2px solid var(--color-accent);background:#fff;width:100%;height:100%;transition:background-color .2s,border-color .2s,color .2s;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.checkout-panel.dark{background-color:var(--color-surface);color:#fff;border-color:#e6ac00}.checkout-panel-header{background:var(--color-accent);border-radius:var(--radius-md) var(--radius-md) 0 0;justify-content:flex-start;align-items:center;display:flex}.checkout-panel.dark .checkout-panel-header{background-color:var(--color-accent-dark)}.checkout-panel-header h2{color:#000;margin:0;font-size:18px;font-weight:700}.checkout-panel.dark .checkout-panel-header h2{color:#fff}.checkout-panel-title{text-align:center;color:#000;margin:20px 0;font-size:24px;font-weight:700;transition:color .2s}.checkout-panel.dark .checkout-panel-title,.checkout-panel.dark h3{color:#fff}.close-btn{cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-round);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:24px;transition:all .2s;display:flex}.close-btn:hover{color:#fff;background:#dc3545}.checkout-panel-content{box-sizing:border-box;flex-direction:column;width:50%;margin:0 auto;display:flex;overflow-x:hidden}.checkout-form-section{box-sizing:border-box;flex:2;min-width:0}.checkout-form-section h3{color:#000;border-bottom:2px solid var(--color-accent);margin:25px 0 15px;padding-bottom:10px;font-size:20px;font-weight:700;transition:color .2s}.form-row{box-sizing:border-box;gap:15px;width:100%;margin-bottom:15px;display:flex}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;padding:12px 15px;font-size:15px}.form-input :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.form-input{box-sizing:border-box;min-width:30%;max-width:100%;transition:border-color .2s,background-color .2s,color .2s}.form-input:focus{border-color:var(--color-accent)}.form-input.half{flex:1}.form-input:not(.half){width:100%;margin-bottom:15px}.checkout-panel.dark .form-input,.checkout-panel.dark .windows-version-select{background-color:var(--color-text-primary);border-color:var(--color-text-secondary);color:#fff}.form-note-text{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-primary);margin-bottom:20px;padding:15px;font-size:15px;line-height:1.6}.checkout-panel.dark .form-note-text{background-color:var(--color-text-primary);color:var(--color-text-tertiary)}.service-options{margin-top:20px}.service-option{cursor:pointer;align-items:flex-start;margin-bottom:15px;font-size:15px;line-height:1.4;display:flex}.checkout-panel.dark .service-option,.checkout-panel.dark .service-option-label{color:#fff}.service-option input[type=checkbox]{margin-top:3px;margin-right:10px;transform:scale(1.2)}.service-sub-option{margin-top:15px;margin-bottom:20px;margin-left:5px;padding-left:5px}.service-description{background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-primary);margin-top:10px;margin-bottom:10px;padding:12px 15px;font-size:14px;line-height:1.5}.checkout-panel.dark .service-description{background-color:var(--color-text-primary);color:var(--color-text-tertiary)}.service-warning{border-radius:var(--radius-md);color:#856404;background:#fff3cd;margin-bottom:10px;padding:12px 15px;font-size:14px}.checkout-panel.dark .service-warning{background-color:var(--color-accent-dark);color:#ffc107}.checkout-summary{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-sizing:border-box;flex:1;width:100%;height:fit-content;margin-bottom:10px;padding:25px}.checkout-panel.dark .checkout-summary{border-color:var(--color-border);background:#000}.summary-row{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:15px;font-weight:500;display:flex}.checkout-panel.dark .summary-row span,.checkout-panel.dark .summary-total span{color:#fff}.quantity-controls{align-items:center;gap:8px;display:flex}.qty-input{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:60px;padding:8px;font-size:15px;font-weight:500}.checkout-panel.dark .qty-display,.checkout-panel.dark .qty-btn{background-color:var(--color-text-primary);border-color:var(--color-text-secondary);color:#fff}.summary-details{border-top:2px solid var(--color-accent);margin-top:20px;padding-top:15px}.summary-total{color:#000;border-top:2px solid var(--color-accent);margin-top:15px;padding-top:15px;font-size:20px;font-weight:700}.checkout-actions{flex-direction:column;gap:10px;margin-top:25px;display:flex}.payment-btn{background:var(--color-accent);color:#000;border:2px solid var(--color-accent)}.payment-btn:hover{background:var(--color-accent-dark);transform:translateY(-2px);box-shadow:0 4px 8px #ffbf004d}.windows-version-selector{flex-direction:column;width:49%;display:flex}.windows-config-section{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:row;justify-content:space-between;gap:20px;margin-bottom:20px;padding:20px;display:flex}.delivery-config-section{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;gap:20px;margin-bottom:20px;padding:20px;display:flex}.delivery-region-selector,.delivery-address-container{flex-direction:column;gap:15px;width:100%;display:flex}.windows-version-select{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);background:#fff;outline:none;padding:12px 15px;font-size:15px}.windows-version-select :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.windows-version-select{cursor:pointer;margin-bottom:10px;transition:border-color .2s}.windows-version-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #ffbf0033}.windows-version-select option{padding:10px;font-size:14px}@media (max-width:1439px) and (min-width:769px) and (orientation:landscape){.checkout-panel-content{width:70%}}@media (max-width:1439px) and (min-width:769px) and (orientation:portrait){.checkout-panel-content{width:90%}}@media (max-width:768px){.checkout-panel-overlay{height:calc(100dvh - 90px);top:90px}.checkout-panel-content{width:90%}}
.builder-footer{border-top:2px solid var(--color-accent);z-index:30;background:#fff;height:80px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 8px #0000001a}.builder-footer.dark{color:#fff;background-color:#000;border-top-color:#e6ac00;box-shadow:0 -4px 8px #ffffff1a}.builder-footer-container{justify-content:space-between;align-items:center;width:100%;max-width:1500px;height:100%;margin:0 auto;display:flex}.builder-footer-left{flex-direction:column;flex:1;align-items:flex-start;display:flex}.builder-footer-left h3,.builder-footer-left h4{color:#000;margin:0 0 5px;font-size:16px;font-weight:700}.builder-footer.dark h3,.builder-footer.dark h4{color:#fff}.builder-footer-center{flex:1;justify-content:center;gap:15px;display:flex}.builder-footer-right{flex:1;justify-content:flex-end;align-items:center;gap:15px;display:flex}.builder-footer-price{color:var(--color-danger);text-align:right;font-size:23px;font-weight:700;line-height:1}.builder-footer-price-original{color:var(--color-text-tertiary);font-size:12px;font-weight:400;text-decoration:line-through}.builder-footer.dark .builder-footer-price{color:var(--color-danger)}.primary-btn{background:var(--color-accent);color:#000}.primary-btn:hover{color:#fff;background:#fc0}@media (min-width:769px){.builder-footer-container{display:flex}.builder-footer-center{flex:1;justify-content:center;gap:15px;display:flex}.builder-footer-price{display:block}}@media (max-width:1439px) and (min-width:769px) and (orientation:landscape){.builder-footer-container{max-width:1000px}.builder-footer{padding:0 16px}}@media (max-width:1439px) and (min-width:769px) and (orientation:portrait){.builder-footer-container{max-width:800px}.builder-footer{padding:0 24px}}@media (max-width:768px){.builder-footer{height:82px;padding:0 8px}.builder-footer-container{grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr auto auto;align-items:stretch;width:100%;height:100%;display:grid}.builder-footer-center{display:contents}.btn-share{grid-area:1/1/3;justify-content:center;align-items:center;padding:0 4px;display:flex}.builder-footer-left{flex-direction:column;grid-area:1/2/3;justify-content:center;align-items:flex-start;padding:0 4px;display:flex}.builder-footer-left h4{margin:1px 0;font-size:14px;font-weight:800;line-height:1.3}.btn-clear{grid-area:1/3/3;justify-content:center;align-items:center;padding:0 4px;display:flex}.builder-footer-right{flex-direction:row;grid-area:1/4/3;align-items:center;gap:6px;padding:0 4px;display:flex}.builder-footer-price{text-align:right;font-size:16px;line-height:1.2}.builder-footer-price-original{font-size:12px}.builder-footer-right h2{display:none}}