.vps-cart{background:#000;min-height:100vh;padding:20px 0}.product-card{background:#1e1d1d;border:1px solid #333;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 10px 40px #00000080}.product-card:hover{border-color:#ff6002;transform:translateY(-5px);box-shadow:0 20px 60px #ff600226}.summary-card{background:#1e1d1d;border:1px solid #333;border-radius:20px;position:sticky;top:20px;box-shadow:0 10px 40px #00000080}.base-config-section{background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:12px 16px}.base-config-badge{color:#ff6002;background:#111;border:1px solid #ff600266;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;display:inline-flex}.selection-card{cursor:pointer;color:#fff;background:#1a1a1a;border:2px solid #333;border-radius:12px;padding:12px 16px;transition:all .3s}.selection-card:hover{border-color:#ff6002;box-shadow:0 5px 20px #ff600226}.selection-card.selection-required{background:#1a1a1a;border-color:#ff6002}.selection-card .selection-icon{background:#111;border:1px solid #333;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.selection-card .os-icon,.selection-card .panel-icon{object-fit:contain;width:32px;height:32px}.resource-control{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:16px;transition:all .3s}.resource-control:hover{border-color:#ff6002;box-shadow:0 5px 20px #ff600226}.resource-control.addon{background:#1a1a1a;border-color:#ff6002}.resource-control.addon:hover{border-color:#ff6002;box-shadow:0 5px 20px #ff600240}.resource-label{color:#fff;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.form-range{appearance:none;cursor:pointer;background:linear-gradient(90deg,#ff6002 0% 50%,#333 50% 100%);border-radius:5px;height:6px}.form-range::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#ff6002 0%,#ff8c3a 100%);border:2px solid #111;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 10px #ff600280}.form-range::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#ff6002 0%,#ff8c3a 100%);border:2px solid #111;border-radius:50%;width:18px;height:18px}.base-badge{color:#4ade80;background:#4ade8026;border:1px solid #4ade804d;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.addon-badge{color:#ff6002;background:#ff600226;border:1px solid #ff60024d;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.period-btn{border-radius:50px;padding:12px 24px;font-weight:600;transition:all .3s}.badge-save{color:#fff;background:linear-gradient(135deg,#ff6002 0%,#ff8c3a 100%);border-radius:50px;padding:5px 12px;font-weight:600}.period-dropdown{z-index:1000;background:#1e1d1d;border:1px solid #333;border-radius:15px;min-width:200px;margin-top:8px;padding:8px;animation:.3s slideDown;position:absolute;top:100%;left:0;box-shadow:0 20px 60px #0009}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.period-option{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 15px;transition:all .2s}.period-option:hover{background:#1a1a1a}.period-option.active{color:#fff;background:linear-gradient(135deg,#ff6002 0%,#ff8c3a 100%)}.config-select{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:10px;width:100%;padding:10px 15px;transition:all .2s}.config-select:focus{color:#fff;background:#1a1a1a;border-color:#ff6002;outline:none;box-shadow:0 0 0 3px #ff600226}.config-select option{color:#fff;background:#1a1a1a}.included-section{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 12px}.included-badge{color:#f6f9f7;background:#000;border:1px solid #ff6002;border-radius:12px;padding:2px 10px;font-size:12px}.order-summary-item{color:#fff;border-bottom:1px solid #333;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.order-summary-item:last-child{border-bottom:none}.order-summary-item .label{color:#ccc}.order-summary-item .value{color:#fff;font-weight:500}.order-summary-total{color:#fff;border-top:2px solid #333;justify-content:space-between;margin-top:4px;padding:12px 0;font-size:16px;font-weight:700;display:flex}.order-summary-total.total-row{border-top:none;padding-top:0}.total-due{color:#ff6002;font-size:20px;font-weight:700}.checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6002 0%,#ff8c3a 100%);border:none;border-radius:50px;width:100%;padding:16px;font-size:18px;font-weight:700;transition:all .3s}.checkout-btn:hover{transform:scale(1.02);box-shadow:0 10px 30px #f7f6f566}.checkout-btn:disabled,.checkout-btn.btn-disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{color:#fff;background:#111;border:1px solid #333;border-radius:20px;flex-direction:column;width:95%;max-width:700px;max-height:85vh;animation:.3s slideUp;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:#fff;margin:0;font-size:18px;font-weight:700}.modal-close{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;font-size:20px;transition:all .2s}.modal-close:hover{color:#ff6002;background:#1a1a1a}.modal-search{flex-shrink:0;padding:16px 24px}.modal-search .form-control{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:10px;padding:10px 16px;font-size:14px}.modal-search .form-control::placeholder{color:#777}.modal-search .form-control:focus{color:#fff;background:#1a1a1a;border-color:#ff6002;outline:none;box-shadow:0 0 0 3px #ff600226}.modal-grid{flex:1;grid-template-columns:1fr 1fr;gap:8px;max-height:400px;padding:0 24px 24px;display:grid;overflow-y:auto}.modal-grid::-webkit-scrollbar{width:6px}.modal-grid::-webkit-scrollbar-thumb{background:#ff6002;border-radius:10px}.modal-grid::-webkit-scrollbar-track{background:#1a1a1a}@media (max-width:576px){.modal-grid{grid-template-columns:1fr}}.modal-item{cursor:pointer;background:#1a1a1a;border:2px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.modal-item:hover{background:#111;border-color:#333}.modal-item.selected{background:#ff600214;border-color:#ff6002}.modal-item-icon{background:#111;border:1px solid #333;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-item-icon .os-icon,.modal-item-icon .panel-icon{object-fit:contain;width:28px;height:28px}.modal-item-info{flex:1;min-width:0}.modal-item-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:14px;font-weight:600;overflow:hidden}.modal-item-price{color:#ccc;font-size:12px}.modal-item-check{color:#ff6002;flex-shrink:0;font-size:16px}.modal-empty{text-align:center;color:#ccc;grid-column:1/-1;padding:40px 0}.vps-cart .bg-white,.vps-cart .bg-light{color:#fff!important;background:#1a1a1a!important}.vps-cart .text-dark,.vps-cart .text-body{color:#fff!important}.vps-cart .text-muted{color:#ccc!important}.vps-cart .border{border-color:#333!important}.vps-cart hr{opacity:1;border-color:#333!important}.collorr{color:#ff6002}.btnbill{color:#fff;border:2px solid #ff6002}
.webhosting-cart{background:#000;min-height:100vh;padding:20px 0}.cart-accent{color:#ff6002!important}.cart-title{color:#fff!important}.cart-subtitle{color:#ccc!important}.cart-icon-orange{color:#ff6002!important}.cart-divider{opacity:1;border-color:#333!important}.cart-divider-top{border-color:#333!important}.product-card,.summary-card{background:#1e1d1d;border:1px solid #333;border-radius:20px;transition:all .3s;box-shadow:0 10px 40px #00000080}.product-card:hover{border-color:#ff6002;transform:translateY(-5px);box-shadow:0 20px 60px #ff600226}.summary-card{position:sticky;top:20px}.feature-card{background:#1a1a1a;border:1px solid #333;border-radius:15px;padding:15px;transition:all .3s}.feature-card:hover{border-color:#ff6002;transform:scale(1.02);box-shadow:0 5px 20px #ff600226}.cart-icon-bg{background:#ff60021a}.cart-badge-accent{color:#ff6002;background:#ff600226;border:1px solid #ff60024d}.cart-badge-save{color:#fff;background:linear-gradient(135deg,#ff6002 0%,#ff8c3a 100%);border-radius:50px;padding:5px 12px;font-weight:600}.cart-btn-outline{color:#ff6002;background:0 0;border:1px solid #ff6002;transition:all .3s}.cart-btn-outline:hover{color:#fff;background:#ff6002;border-color:#ff6002}.cart-btn-primary{color:#fff;background:#ff6002;border:none}.cart-btn-primary:hover{background:#ff8c3a}.cart-btn-checkout{color:#fff;background:linear-gradient(135deg,#ff6002 0%,#ff8c3a 100%);border:none;border-radius:50px;padding:16px;font-size:18px;font-weight:700;transition:all .3s}.cart-btn-checkout:hover{transform:scale(1.02);box-shadow:0 10px 30px #ff600266}.period-btn{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:50px;padding:12px 24px;font-weight:600}.period-btn:hover{color:#ff6002;background:#1a1a1a;border-color:#ff6002}.period-btn.active{color:#fff;background:linear-gradient(135deg,#ff6002 0%,#ff8c3a 100%);border:none;box-shadow:0 5px 20px #ff60024d}.period-dropdown{z-index:1000;background:#1e1d1d;border:1px solid #333;border-radius:15px;min-width:200px;margin-top:8px;padding:8px;animation:.3s slideDown;position:absolute;top:100%;left:0;box-shadow:0 20px 60px #0009}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.period-option{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 15px;transition:all .2s}.period-option:hover{background:#1a1a1a}.period-option.active{color:#fff;background:linear-gradient(135deg,#ff6002 0%,#ff8c3a 100%)}.feature-check{background:#1a1a1a;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .3s;display:flex}.feature-check:hover{background:#111}.feature-list-item{color:#fff;background:#1a1a1a;border-radius:8px;margin-bottom:6px;padding:6px 12px;font-size:14px}.feature-list-item:hover{background:#111}.cart-summary-highlight{background:#1a1a1a;border:1px solid #333}.cart-resource-row{background:#111;border:1px solid #333}
.modal-item-icon{background:#fefbfb;border:1px solid #333;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}