.opc{padding:0 0 80px;background:#fff}.page-width{max-width:1400px;margin:0 auto;padding:0 30px}.opc-hero{background:linear-gradient(135deg,#f47a00,#ff8a00);color:#fff;border-radius:18px;margin:30px 0 40px;overflow:hidden}.opc-hero__inner{display:flex;justify-content:space-between;align-items:center;gap:60px;padding:60px 0}.opc-kicker{display:inline-block;font-size:13px;letter-spacing:2px;text-transform:uppercase;opacity:.7;margin-bottom:14px}.opc-title{margin:0;font-size:48px;font-weight:700;line-height:1.1}.opc-subtitle{margin-top:18px;font-size:18px;line-height:1.8;max-width:650px;opacity:.9}.opc-summary{flex-shrink:0}.opc-summary-card{background:#fff7ef;border:2px solid #ffd3a8;color:#111827;min-width:220px;padding:28px;border-radius:18px;text-align:center;box-shadow:0 18px 50px #0000002e}.opc-summary-label{display:block;font-size:14px;color:#6b7280}.opc-summary-value{display:block;margin-top:10px;font-size:42px;font-weight:700;color:#f47a00}.opc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;flex-wrap:wrap}.opc-toolbar-left{flex:1}.opc-toolbar-right{display:flex;gap:15px}.opc-search{position:relative}.opc-search svg{position:absolute;left:18px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#6b7280}.opc-search input{width:100%;height:58px;border:1px solid #d1d5db;border-radius:14px;padding:0 20px 0 52px;font-size:15px;transition:.3s}.opc-search input:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 4px #0f172a14}.opc-toolbar select{min-width:180px;height:58px;padding:0 18px;border:1px solid #d1d5db;border-radius:14px;background:#fff7ef;font-size:15px;cursor:pointer;transition:.3s}.opc-toolbar select:hover{border-color:#94a3b8}.opc-toolbar select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 4px #0f172a14}.opc-table-wrapper{background:#fff;border-radius:22px;overflow:auto;max-height:780px;border:1px solid #ECECEC;box-shadow:0 10px 30px #0000000d}.opc-table{width:100%;border-collapse:collapse;min-width:1000px}.opc-table thead{position:sticky;top:0;z-index:5}.opc-table thead tr{background:#0f172a}.opc-table thead{display:table-header-group;background:#f47a00}.opc-table thead tr{display:table-row}.opc-table thead th{background:#f47a00;color:#fff}.opc-table th{position:sticky;top:0;z-index:10;color:#fff;text-align:left;padding:18px 22px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;white-space:nowrap}.opc-table td{padding:22px;border-bottom:1px solid #edf2f7;vertical-align:middle;font-size:15px}.opc-row{transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.opc-row:hover{background:#fff6ec;transform:scale(1.003)}.opc-brand-name{font-weight:700;color:#111827;font-size:15px}.opc-model-title a{color:#111827;text-decoration:none;font-weight:700;font-size:17px;transition:.25s}.opc-model-title a:hover{color:#2563eb}.opc-model-engine{margin-top:6px;font-size:13px;color:#6b7280}.opc-price{font-size:22px;font-weight:700;color:#dc2626;white-space:nowrap}.opc-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.opc-badge--practical{background:#eef2ff;color:#4338ca}.opc-badge--premium{background:#fff7ed;color:#c2410c}.opc-badge--performance{background:#f3e8ff;color:#7e22ce}.opc-badge--inverter{background:#dcfce7;color:#15803d}.opc-badge--silent{background:#e0f2fe;color:#0369a1}.opc-badge--open{background:#f3f4f6;color:#374151}.opc-badge--diesel{background:#fef3c7;color:#92400e}.opc-action-group{display:flex;justify-content:center;align-items:center}.opc-download{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:10px;background:#f3f4f6;color:#111827;text-decoration:none;font-size:14px;font-weight:600;transition:.25s}.opc-download:hover{background:#e5e7eb}.opc-detail{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 22px;border-radius:10px;background:#0f172a;color:#fff;text-decoration:none;font-size:14px;font-weight:700;transition:.25s;transition:all .25s ease}.opc-detail:hover{background:#2563eb;transform:translateY(-3px);transform:translateY(-2px);box-shadow:0 12px 25px #f47a0040}.opc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px}.opc-empty-icon{font-size:64px;margin-bottom:20px}.opc-empty h3{margin:0;font-size:28px;color:#111827}.opc-empty p{margin-top:12px;color:#6b7280;font-size:16px;max-width:420px;line-height:1.7}.opc-footer{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px;border:1px solid #e5e7eb;border-radius:16px;background:#fafafa}.opc-footer-left strong{display:block;margin-bottom:8px;font-size:18px}.opc-footer-left p{margin:0;color:#6b7280;line-height:1.7}.opc-contact-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;border-radius:12px;background:#0f172a;color:#fff;text-decoration:none;font-weight:700;transition:.25s}.opc-contact-btn:hover{background:#2563eb}.opc-table-wrapper,.opc-summary-card,.opc-footer{transition:.3s}.opc-summary-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px #00000026}.opc-table-wrapper:hover{box-shadow:0 18px 45px #00000014}@media screen and (max-width:1200px){.opc-hero__inner{gap:40px;padding:50px 0}.opc-title{font-size:40px}.opc-subtitle{font-size:16px}.opc-summary-card{min-width:180px}.opc-summary-value{font-size:34px}}@media screen and (max-width:768px){.page-width{padding:0 16px}.opc{padding-bottom:50px}.opc-hero{border-radius:14px;margin:20px 0 30px}.opc-hero__inner{flex-direction:column;align-items:flex-start;gap:25px;padding:35px 0}.opc-title{font-size:32px}.opc-subtitle{font-size:15px;line-height:1.7}.opc-summary,.opc-summary-card{width:100%}.opc-toolbar{flex-direction:column;align-items:stretch}.opc-toolbar-left{width:100%}.opc-toolbar-right{width:100%;flex-direction:column}.opc-toolbar select{width:100%}}@media screen and (max-width:768px){.opc-table{min-width:100%}.opc-table thead{display:none}.opc-table,.opc-table tbody,.opc-table tr,.opc-table td{display:block;width:100%}.opc-row{margin-bottom:18px;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 18px #0000000d}.opc-table td{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;border-bottom:1px solid #f1f5f9}.opc-table td:last-child{border-bottom:none}.opc-table td:before{font-weight:700;color:#64748b;flex-shrink:0;margin-right:15px}.opc-table td:nth-child(1):before{content:"Brand"}.opc-table td:nth-child(2):before{content:"Model"}.opc-table td:nth-child(3):before{content:"Jenis"}.opc-table td:nth-child(4):before{content:"Daya"}.opc-table td:nth-child(5):before{content:"Harga"}.opc-table td:nth-child(6):before{content:"Aksi"}.opc-action-group{width:100%;justify-content:flex-end}}@media screen and (max-width:480px){.opc-title{font-size:28px}.opc-summary-value{font-size:30px}.opc-price{font-size:18px}.opc-detail,.opc-download{width:100%}.opc-action-group{flex-direction:column;align-items:stretch}}html{scroll-behavior:smooth}::selection{background:#0f172a;color:#fff}.opc img{max-width:100%;height:auto;display:block}.opc a{transition:.25s ease}.opc button,.opc a{-webkit-tap-highlight-color:transparent}.opc-table-wrapper{transition:opacity .25s ease,transform .25s ease,filter .25s ease}.opc-loading{opacity:.55;transform:translateY(6px);filter:blur(.4px);pointer-events:none}.opc-hidden{display:none!important}.opc-fade{animation:opcFade .25s ease}@keyframes opcFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.opc-table-wrapper::-webkit-scrollbar{height:8px}.opc-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.opc-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.opc-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.opc input:focus,.opc select:focus,.opc a:focus{outline:none}@media print{.opc-toolbar,.opc-footer,.opc-action{display:none}.opc-table{min-width:100%}}.opc-detail{display:inline-flex;align-items:center;justify-content:center;min-width:130px;height:46px;padding:0 24px;border:2px solid #F47A00;border-radius:12px;background:transparent;color:#f47a00;text-decoration:none;font-weight:700;transition:all .3s ease}.opc-detail:hover{background:#f47a00!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 25px #f47a0059}.opc-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;z-index:9999}.opc-modal.active{display:flex}.opc-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.opc-modal-box{position:relative;width:min(1100px,92vw);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px #00000040;z-index:2}.opc-modal-close{position:absolute;top:18px;right:18px;width:42px;height:42px;border:none;border-radius:50%;background:#f47a00;color:#fff;font-size:24px;cursor:pointer}.opc-modal-body{display:grid;grid-template-columns:480px 1fr;gap:50px;padding:50px}.opc-modal-image{display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px solid #eeeeee;border-radius:20px;min-height:420px;overflow:hidden}.opc-modal-image img{width:100%;height:auto;object-fit:contain}.opc-modal-content{display:flex;flex-direction:column}.opc-modal-content h2{margin:0;font-size:52px;line-height:1.15;font-weight:800;color:#222;letter-spacing:-1px}.opc-modal-price{margin:18px 0 25px;font-size:48px;font-weight:800;color:#f47a00}.opc-spec-table{width:100%;border-collapse:collapse;margin-top:10px}.opc-spec-table tr{border-bottom:1px solid #F1F1F1}.opc-spec-table th{width:140px;padding:16px 0;color:#777;font-weight:600;font-size:15px}.opc-spec-table td{padding:16px 0;color:#222;font-weight:700}.opc-modal-buttons{display:flex;gap:15px;margin-top:35px}.opc-modal-download,.opc-modal-wa{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:52px;padding:0 28px;border-radius:14px;text-decoration:none;font-weight:700;transition:.25s}.opc-modal-download{background:#fff;color:#f47a00;border:2px solid #F47A00}.opc-modal-download:hover,.opc-modal-wa{background:#f47a00;color:#fff}.opc-modal-wa:hover{background:#d86500}@media(max-width:900px){.opc-modal-body{grid-template-columns:1fr;padding:30px;gap:30px}.opc-modal-image{min-height:260px}.opc-modal-content h2{font-size:28px}.opc-modal-price{font-size:30px}.opc-modal-download,.opc-modal-wa{width:100%}}.opc-modal{opacity:0;visibility:hidden;transition:.3s}.opc-modal.active{opacity:1;visibility:visible}.opc-modal-box{transform:translateY(30px) scale(.96);transition:.35s}.opc-modal.active .opc-modal-box{transform:translateY(0) scale(1)}.opc-table-wrapper::-webkit-scrollbar{width:10px;height:10px}.opc-table-wrapper::-webkit-scrollbar-thumb{background:#f47a00;border-radius:20px}.opc-table-wrapper::-webkit-scrollbar-track{background:#f4f4f4}.opc-skeleton{display:none;background:#fff;border-radius:20px;padding:15px;border:1px solid #ECECEC}.opc-skeleton.show{display:block}.opc-skeleton-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 120px;gap:15px;margin-bottom:16px}.opc-skeleton-row span{height:18px;border-radius:8px;background:linear-gradient(90deg,#eee 25%,#f7f7f7,#eee 75%);background-size:200% 100%;animation:opcLoading 1.2s infinite}@keyframes opcLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.opc-preview{position:fixed;width:260px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #0000002e;z-index:9999;opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s;pointer-events:none}.opc-preview.show{opacity:1;visibility:visible;transform:translateY(0)}.opc-preview img{width:100%;height:170px;object-fit:contain;background:#fafafa;padding:15px}.opc-preview-content{padding:18px}.opc-preview h4{margin:0 0 8px;font-size:17px;font-weight:700;color:#222}.opc-preview-price{color:#f47a00;font-size:22px;font-weight:800;margin-bottom:6px}.opc-preview-brand{color:#777;font-size:14px}.opc-seo,.opc-faq{max-width:1200px;margin:50px auto;background:#fff;padding:45px;border-radius:24px;border:1px solid #ececec}.opc-seo h2,.opc-faq h2{font-size:34px;margin-bottom:25px;color:#111}.opc-seo-content{line-height:1.9;color:#555;font-size:17px}.opc-faq details{border-bottom:1px solid #eee;padding:18px 0}.opc-faq summary{cursor:pointer;font-weight:600;font-size:18px}.opc-faq p{margin-top:12px;color:#666}.opc-table{table-layout:fixed;width:100%}.opc-table th:nth-child(1),.opc-table td:nth-child(1){width:10%}.opc-table th:nth-child(2),.opc-table td:nth-child(2){width:38%}.opc-table th:nth-child(3),.opc-table td:nth-child(3){width:12%}.opc-table th:nth-child(4),.opc-table td:nth-child(4){width:10%}.opc-table th:nth-child(5),.opc-table td:nth-child(5){width:15%}.opc-table th:nth-child(6),.opc-table td:nth-child(6){width:15%}.opc-watt{white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/19/assets/orient-price-center.css.map */