.koc-product-page{
      font-family: Arial, Helvetica, sans-serif;
      color:#1f2937;
      background:#ffffff;
      max-width:1200px;
      margin:0 auto;
      line-height:1.7;
    }
    .koc-product-page *{
      box-sizing:border-box;
    }
    .koc-container{
      padding:40px 20px;
    }
    .koc-hero{
      text-align:center;
      padding:10px 0 30px;
    }
    .koc-hero h1{
      margin:0 0 12px;
      font-size:36px;
      line-height:1.2;
      color:#1e40af;
      font-weight:700;
    }
    .koc-hero p{
      max-width:900px;
      margin:0 auto;
      font-size:16px;
      color:#4b5563;
    }
    .koc-section{
      margin-top:42px;
    }
    .koc-section-title{
      text-align:center;
      font-size:28px;
      color:#1e40af;
      font-weight:700;
      margin:0 0 24px;
    }
    .koc-grid-2{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:28px;
      align-items:center;
    }
    .koc-card{
      background:#fff;
      border:1px solid #e5e7eb;
      border-radius:18px;
      padding:24px;
      box-shadow:0 8px 24px rgba(0,0,0,0.06);
    }
    .koc-card img{
      width:100%;
      height:auto;
      display:block;
      border-radius:12px;
    }
    .koc-card h3{
      margin:0 0 12px;
      font-size:22px;
      color:#1e40af;
    }
    .koc-card p{
      margin:0;
      color:#4b5563;
      font-size:15px;
    }
    .koc-features{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:20px;
    }
    .koc-feature{
      background:#f8fafc;
      border:1px solid #e5e7eb;
      border-radius:16px;
      padding:22px 18px;
      text-align:center;
      box-shadow:0 4px 12px rgba(0,0,0,0.04);
    }
    .koc-feature h4{
      margin:0 0 8px;
      font-size:18px;
      color:#111827;
    }
    .koc-feature p{
      margin:0;
      font-size:14px;
      color:#6b7280;
    }
    .koc-list{
      margin:0;
      padding-left:20px;
      color:#4b5563;
    }
    .koc-list li{
      margin-bottom:10px;
    }
    .koc-table-wrap{
      overflow-x:auto;
      border:1px solid #e5e7eb;
      border-radius:16px;
      box-shadow:0 8px 24px rgba(0,0,0,0.05);
      background:#fff;
    }
    .koc-table{
      width:100%;
      border-collapse:collapse;
      min-width:1100px;
    }
    .koc-table th,
    .koc-table td{
      border:1px solid #e5e7eb;
      padding:12px 10px;
      text-align:center;
      font-size:14px;
    }
    .koc-table thead th{
      background:#1e40af;
      color:#fff;
      font-weight:700;
    }
    .koc-table tbody tr:nth-child(even){
      background:#f8fafc;
    }
    .koc-note{
      margin-top:12px;
      font-size:13px;
      color:#6b7280;
    }
    .koc-contact{
      background:#eff6ff;
      border:1px solid #bfdbfe;
      border-radius:18px;
      padding:28px;
      text-align:center;
    }
    .koc-contact h3{
      margin:0 0 12px;
      font-size:26px;
      color:#1e40af;
    }
    .koc-contact p{
      margin:6px 0;
      font-size:16px;
      color:#374151;
    }
    .koc-contact a{
      color:#1e40af;
      text-decoration:none;
      font-weight:600;
    }
    @media (max-width: 991px){
      .koc-grid-2,
      .koc-features{
        grid-template-columns:1fr;
      }
      .koc-hero h1{
        font-size:30px;
      }
      .koc-section-title{
        font-size:24px;
      }
    }