.opc{background:#f5f7fb;padding:50px 0 80px}.opc .page-width{max-width:1500px;margin:auto;padding:0 30px}.opc-hero{display:grid;grid-template-columns:1.4fr .8fr;gap:50px;background:linear-gradient(135deg,#ff7a00,#ea8a1c);border-radius:28px;padding:35px 45px;margin-bottom:35px;align-items:center}.opc-left h1{color:#fff;font-size:56px;font-weight:800;margin:20px 0;line-height:1.1}.opc-badge{display:inline-flex;padding:10px 18px;background:#ffffff1f;border-radius:999px;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px}.opc-search{position:relative;margin-top:20px;max-width:580px}.opc-search input{width:100%;height:64px;border:none;border-radius:999px;padding:0 28px 0 60px;font-size:17px;background:#fff;color:#222;box-shadow:0 15px 40px #0000001f}.opc-search input:focus{outline:none}.opc-search-icon{position:absolute;left:22px;top:22px;color:#888}.opc-right{display:flex;gap:18px;justify-content:flex-end}.opc-stat{width:170px;height:145px;background:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 15px 30px #0000001f}.opc-stat span{font-size:13px;color:#777;margin-top:8px}.opc-stat strong{font-size:46px;font-weight:800;color:#ff6b00;line-height:1}.opc-subtitle{color:#fff;font-size:18px;line-height:1.8;opacity:.92;max-width:620px;margin:20px 0 30px}.opc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-top:10px}.opc-card{background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 30px #00000014;transition:.35s}.opc-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #00000026}.opc-image{height:250px;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff}.opc-image img{max-width:100%;max-height:200px;object-fit:contain;transition:.35s}.opc-card:hover .opc-image img{transform:scale(1.05)}.opc-content{padding:24px;display:flex;flex-direction:column;flex:1}.opc-brand{font-size:13px;font-weight:700;color:#ff6b00;text-transform:uppercase;margin-bottom:10px}.opc-title{font-size:22px;font-weight:700;line-height:1.4;min-height:64px;margin-bottom:20px}.opc-price{margin-top:auto;font-size:34px;font-weight:800;color:#111}.opc-detail{margin-top:18px;display:flex;justify-content:center;align-items:center;height:52px;background:#ff6b00;color:#fff;border-radius:14px;text-decoration:none;font-weight:700;transition:.3s}.opc-detail:hover{background:#111}.opc-card a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.opc-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-top:35px;padding-left:55px;padding-right:55px}.opc-toolbar-left{display:flex;gap:18px;align-items:center}.opc-toolbar select{height:54px;padding:0 20px;border-radius:14px;border:1px solid #ddd;background:#fff;font-size:15px;font-weight:600;cursor:pointer;width:260px}.opc-toolbar-right{font-size:17px;font-weight:600}#opcResultCount{color:#ff6b00;font-size:32px;font-weight:800;margin-right:8px}.opc-result-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 5px}.opc-result-left{font-size:18px;font-weight:600}.opc-result-left strong{font-size:32px;color:#ff6b00;margin-right:8px}.opc-result-right{color:#777;font-size:14px}.opc-toolbar select{appearance:none;-webkit-appearance:none;height:56px;min-width:260px;padding:0 55px 0 22px;border:1px solid #ddd;border-radius:16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23666' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 18px center;font-size:16px;font-weight:600;cursor:pointer;transition:.25s}.opc-toolbar select:hover{border-color:#ff7a00}.opc-toolbar select:focus{outline:none;border-color:#ff7a00;box-shadow:0 0 0 4px #ff7a0026}
/*# sourceMappingURL=/cdn/shop/t/2/assets/opc.css.map */